Removing White Space After Removing Search & View As Bars

[Jean]

I need to close up the white space where the search bar and “view as” bars were located at the top of my calendar. I removed the search

I attached a screenshot showing the white space.

I used the following css to remove the search bar from my Events Calendar

/* Events remove search bar */

.tribe-bar-full .tribe-bar-filters {
display: none!important;
}
#tribe-events-bar {
display: none!important;
}
#tribe-bar-form {
display: none!important;
}

/* Events remove search bar collapse toggle for mobile screen width */

.tribe-bar-collapse-toggle-full-width {
display: none!important;
}

And I used this css to remove the “view as” bar:

#tribe-bar-form #tribe-bar-views {
display: none!important;
}

Could someone help me close up the white space? It appears to be margin or padding somewhere in one or more of these divs:

div#tribe-events-pg-template
div#tribe-events
div#tribe-events-content-wrapper-tribe-clearfix

I’ve been at this for four hours (I’m not great at this) and would be so grateful for an expert’s advice.

THANKS SO MUCH!

Jean

[Courtney]

Hi Jean,

Can you try this CSS code?


.tribe-filter-live #main {
padding-top: 10px;
}


Let me know if that works. It should make this spacing change only on the /events page, and not sitewide.

Thanks,
Courtney 🙂

[Jean]

Thanks so much. I worked on this for several hours yesterday using google inspector and did not see .tribe-filter-live.

I am pretty good at locating css and editing the child stylesheet but not experienced at editing the templates. Is this something that I could find in the template or is it in the css and I am just not seeing it with the inspector?

I appreciate your time and expertise.

[Courtney]

Hi Jean,

I found the code needed just seeing it in inspector.

If you don’t have a whole lot of CSS to modify, my favorite place lately to add modified code is in the Customizer. WP-Admin Dashboard » Appearance » Customize » Additional CSS. This feature came out with WordPress 4.7.

However, if you are doing a lot of custom design, I’d still suggest following the way that the Themer’s Guide suggests.

Is there anything else I can do to help?

Thanks,
Courtney

[Jean]

This reply is private.

[Jean]

This reply is private.

[Courtney]

This reply is private.

[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