How to remove the "Date" box at the top of the events page

[Bryan]

Hi! I’m not sure if I can remove the “Date” box at the top of the events page: http://screencast.com/t/eaXpKTrJ3P

without some serious customisation.

Is that possible? I cannot really see how useful this box is anyway and am not sure if it is something people would really use? So I am sure it CAN be optionally set to not display.

Thanks very much!!

[Geoff]

Hey Bryan and hope you had a great weekend!

Good question. Would you be willing to share a link to the page in question? I’d offer a recommendation, but want to see that date box first because it doesn’t look like the date field included in the plugin by default (screenshot) and I want to make sure whatever I give you doesn’t interfere with something else.

Thanks so much!
Geoff

[Bryan]

This reply is private.

[Geoff]

Hi Bryan,

Thanks for the info!

You can add this CSS to your child theme’s style.css or by using the Simple Custom CSS plugin:

#tribe-events-bar .tribe-bar-date-filter {
display: none;
}

Will this work for you? Please let me know. 🙂

Cheers,
Geoff

[Bryan]

This reply is private.

[Geoff]

Hey Bryan,

So glad to hear that CSS did the trick!

Yeah, that might be something worth considering as a setting down the line — would you be willing to add that to our feature request forum? That will allow us to take votes from other folks as well and get a clearer idea of how that might look in the settings screen.

This CSS should clear up the rest:

#tribe-bar-form {
display: none;
}

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

I hope this helps! Did you have any other questions specifically about the date box that was removed? If you have other questions about styling, then it would be worth checking out this post, which offers a slew of information on how to locate and customize calendar styles.

Cheers!
Geoff

[Bryan]

Hi Geoff,

I will certainly add these suggestions to the forum.

Thank you for the further code – I am sure things like this are not done in 5 minutes!!

It actually is not working though (nothing has changed).

I will await your further advice.

Best regards,
Bryan

[Bryan]

This reply is private.

[Geoff]

Hi Bryan,

The upper space will be removed once the gray box is gone and that should be taken care of with the first part of the snippet:

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

Cheers,
Geoff

[Bryan]

This reply is private.

[Geoff]

Shoot, so sorry to hear the CSS did not remove the grey bar! Seems to do the trick on my test site, but you can try this as well:

#tribe-events-bar .tribe-bar-filters {
padding: 0 !important;
}

Cheers!
Geoff

[Bryan]

This reply is private.

[Geoff]

My pleasure! So glad all is good and working — thanks a ton for following up to let me know.

I’ll go ahead and close this thread but please feel free to let us know if any other questions pop up and we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts