adding top padding to all events calendar views

[Georges]

After upgrading to SSL, my top navigation menu was somehow incorrectly displayed. So I’ve had to add custom css code to my theme in order to add padding to the menu.

This has solved the issue with my sites’ other page. However, my Events Calendar page is unaffected by this change and so it still shows incorrectly. See: https://www.tabletennisfightclub.com/events/

As you can see from the url above, the top search box is cropped and this seems to be so for all my events pages.

Is there some custom CSS code that I can use to lower the body of the calendar and associated pages so that the top part of the page is not cropped? Or how else can I fix this?

[Andras]

Hey Georges,

Thanks for getting in touch!

It looks like the month view shows correctly. I see the issue on the list view and the day view.

This css snippet should fix it:

#tribe-events-pg-template {
padding-top: 100px;
}

Note, this will also influence the single event pages as well.

If you would like to limit it to the list and day views (and month), then do this:

.events-archive #tribe-events-pg-template {
padding-top: 100px;
}

Hope this helps, let me know.

Cheers,
Andras

[Georges]

Yes, that worked perfectly! Thank you so much.

[Andras]

Heck yeah! So happy to hear that solved it!

Since this is marked resolved I am going to close this ticket, but if you need anything else related to this topic or another please post a new one in the forum and we will be happy to help you out.

Cheers,
Andras

PS: If you like our plugins, and you didn’t yet do so 🙂 we would be happy to receive a review in the wordpress.org repository. Thanks!
https://wordpress.org/support/plugin/the-events-calendar/reviews/
https://wordpress.org/support/plugin/event-tickets/reviews/

PS2: We’d be also grateful if you would give us feedback on your satisfaction with support. Just click on one of the classy looking emojis below. 🙂 If you can spare a few words, that’s even better. Doublethanks!

 

 

[Author]

Posts