Adjusting the Filter box

[Jeremy]

How do I take off one of the times in the times filter? I want to remove “Night”.
Also, how can I adjust the length of the categories list? Right now if I have more than 5 in the categories list it makes a scroll bar. I don’t want the scroll bar, I just want the list to push the other options down.

Thanks

[Geoff]

Hey Jeremy–welcome back!

You could remove the Night field with CSS using something like this:

#tribe_events_filters_wrapper ul li:nth-child(5) {
display: none;
}

The height issue is odd because it looks correct in my browser (Chrome). If you want to play with the height of the category list, though, you could also hit that with some CSS:

#tribe_events_filters_form .tribe-events-filter-group ul {
/* Your styles */
}

Cheers!
Geoff

[Jeremy]

Great Job! worked.

I had already fixed the scroll bar thing.

Thanks alot!

[Jeremy]

oh wait…
It took off my Categories as well in the filter box. I just wanted to remove the “Night” option under Time.

It also removed my 5th Category item that I had under “Event Categories”
How can I fix that?

[Jeremy]

Looks like they they both use
#tribe_events_filters_wrapper ul li:nth-child(5)
I how can I prevent one from showing but keep the other?

Thanks

[Jeremy]

Nevermind. I think I got it fixed.
instead of:
#tribe_events_filters_wrapper ul li:nth-child(5) {
display: none;
}
I used:
#tribe_events_filter_item_timeofday ul li:nth-child(5) {
display: none;
}

[Geoff]

Awesome, I’m glad that worked! Thanks for following up and sharing what worked for you–I’m sure others will find that helpful as well. 🙂

I’ll go ahead and close this thread but please feel free to start a new one if any other questions pop up and we’d be happy to help.

Cheers!
Geoff

[Author]

Posts