Filter Bar font size

[Robert Lee]

Hi there,

I would like to increase the font of the labels on the Filter Bar add-on we purchased. I found an old thread that a support member included the following line of custom CSS to add:

#tribe_events_filters_wrapper label span {
font-size: 16px !important;
}

However, I already have one other piece of code that I added this morning (per a support team member) to leave an area blank on single event pages… my question is how do I include both of these pieces of code in the custom CSS section (modifying via Theme Options > CSS (with AVADA Theme)) and have both pieces of code work?

I was getting some error messages in the Custom CSS lines when I first pasted the second piece of code (above, about font size), but now they’re not showing… but the font of the labels on the filter bar are still tiny.

https://crystalashram.com/events/month/

[Robert Lee]

ah, I see that the size of the selections for each label, or the choices for each field, are now 50pt font… I guess I just need to know what the label itself is called?

[Cliff]

Sure thing. Please try this CSS code:

#tribe_events_filters_wrapper h3.tribe-events-filters-group-heading {
font-size: 18px;
}

Let me know how it goes.

[Robert Lee]

Thanks Cliff! This works perfectly! THANK YOU. Clearly I am not an expert, but I am curious if there is a way or location for me to find out the names of these types of headings, etc. so I would be able to make similar changes on my own without writing support? For example, “Narrow Your Results” on the filter bar was not updated with your code to be a larger font and I’ll probably want to increase the size of that. How would I know what that title is called in the code?

Thanks again!
Leela

[Cliff]

I’m very glad to hear your question is resolved. I’ll close this thread but leave you with a 5 minute video that should help you on your way to making CSS tweaks in the future: https://cl.ly/1S293y0x0a37

Have a great one!

[Author]

Posts