upcoming events page WAY too low – too much white space at top

[tvalleau]

Hi
New user here. I’m using (latest version of) Events and Avada. The amount of whitespace beneath my main menu and the upper month banner is nearly 500px ! I cannot figure out how to shrink it to look correct. In fact, I cannot even find “Events” as a page at all. I’ve got dozens of pages, and none of the rest of them have this problem

I’ve attached an image.

What am I missing here?

[Geoff B.]

Good evening Tracy and welcome to the Events Calendar Support forum!

Thank you for reaching out to us.

We are sorry to hear about the issues you have encountered with your calendar.
I would love to help you with this topic.

he amount of whitespace beneath my main menu and the upper month banner is nearly 500px ! I cannot figure out how to shrink it to look correct.

This is caused by a CSS rule in your theme. More specifically:

#main {
padding-top: 110px;
padding-bottom: 50px;
}

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox:

.post-type-archive-tribe_events #main {
padding-top: 0px !important;
}

In fact, I cannot even find “Events” as a page at all. I’ve got dozens of pages, and none of the rest of them have this problem

That is because, the events page is actually not a real page per se (unless you use the Events Calendar Pro full calendar shortcodes). It is rather a complex archive type of page.

To add it to your menu, you will need to use a custom link to https://www.aperturef8.com/newsite/events/

Let me know if that helps.

Have a great day!

Geoff B.

 

[tvalleau]

Excellent, Geoff, and -thank you- !

While I “have you on the line” might I ask if there is some similar way to compress the white space above and below “Coming Events”? (Or can you point me at the php or CSS file that contains those sizes?)

I appreciate your help, and wish you a Happy New Year !

[Geoff B.]

Good evening Tracy,

I am glad this helped.

However, as I went back to your site, it looks like something else has changed since the calendar page looks like it might benefit from that 110px rule again or, even simpler, from removing the one I gave you!

As per your second question, I believe there are 2 CSS rules at play:

Above “Upcoming events” (e.g.: http://www.aperturef8.com/newsite/events/ )

#tribe-events-bar {
margin-bottom: 30px !important;
}

Below “Upcoming events”

.fusion-events-before-title {
margin-bottom: 0px !important;
}

Let me know if that helps.

Happy new year to you too!

Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts