Disabling themes styles on the events pages

[Vasily]

Hi!

http://aitologia.fi/elearning/events/

How can I override my theme’s styling of the dropdown box, but only on the events pages? That blue box keeps showing up in the VIEW AS area. I can hide it by adding CSS to the themes styles (I am using a child theme):
.buddyboss-select-inner { border: none; color: transparent; }
But that will affect the whole theme. Can I limit it to the events pages? Adding it to tribe-events/tribe-events.css doesn’t work.
Is there a better way to disable the themes styles in the events page?

Vasily

[Geoff]

Hi Vasily, welcome to the forums!

Try giving adding this to your CSS file:

.tribe-events-bar .buddyboss-select {
display: none;
}

That should target the styled select menu just on the event page. Let me know if that does the trick. 🙂

Cheers!
Geoff

[Vasily]

This one does the trick

.tribe-bar-views-inner .buddyboss-select {
display: none;
}

Thank you very much for the help!

[Geoff]

Sweet! I’m glad that did it. Thanks for following up and letting me know.

Feel free to hit us back up if any other questions pop up–we’d be happy to help. 🙂

Cheers!
Geoff

[Author]

Posts