Target page-id for community/add

[Julie Duran]

I’ve added HTML (a button) at the bottom of each calendar page using the The Events Calendar Settings DISPLAY TAB. However the button says “Submit Event” to take the visitor to the community/add page to submit their event.

I don’t want that “Submit Event” button to appear at the bottom of the submission page. It is confusing for our visitors.
What is the page-id for the community/add page? If none, how do I target that section for that page so I can apply CSS display:none for this code?

Please contribute your event to our WELS Community Events calendar.

[Brian]

Hi,

Thanks for using our plugins. I can help out here.

The Community Events are not pages so they do not have ids with numbers.

They did have unique body classes though.

This body class is on the form page:

tribe_community_edit

This is the body class for the List of Events:

tribe_community_list

That should enable you to target css just on those areas.

Let me know how that works out.

Thanks

[Julie Duran]

Brian, thanks for the lead. The following code worked well for me!

.tribe_community_edit .tribe-events-after-html > p {
display:none;
}

Hope this helps others. I’m guessing you could do the same with the “before-html” message as well if you want to add instructions at the top of the form but not at the top of the calendar views.

Good stuff!

[Julie Duran]

Here’s how I displayed the before-html content above the form page but not above the calendar views… with this CSS:

.tribe_community_list .tribe-events-before-html > p {
display:none;
}

[Brian]

Great, thanks for sharing.

I am going to go ahead and close this ticket. If you have a similar issue or another in the future, please do not hesitate to create a new ticket.

Thanks!

[Author]

Posts