Remove scroll bar from expanded vertical category filter

[pylon]

When I use the vertical filter bar to show my categories, it displays only 5 of them, the rest of them have to be scrolled within the filter bar to see them. I’m concerned people may not be aware they are there. I can see why this is presented in a scroll fashion.

However, as I’m only using event category as a filter and none of the other fields, I’d like the user to see all the categories at once within the filter bar. How do we remove the maximum height/scroll effect? What css override do I need to implement?

[Brian]

Hi,

Thanks for using our plugins. I can help you out here.

The css that controls the size is as follows:

.tribe-events-filter-group ul {
max-height: 250px;
overflow-y: auto;
}

You can modify that to something like this:

#tribe_events_filters_form .tribe-events-filter-group ul {
max-height: 100%;
overflow:hidden;
}

I got that to work for me.

Let me know if it works for you.

Thanks


[pylon]

Brian

That does work indeed so many thank, but I notice the ‘reset filters’ bar at bottom of filer column disappears now.

Can we bring it back as it’s quite usefull.

[Brian]

Do you have a think to let me see. Hard to know what it disappeared since there is a customization.

Let me know and I will take a quick look.

Thanks

[pylon]

Brian

Sorry, thought i’d given you the URL.Site is behind a maintenance page so drill through this with the following viewing URL

Dev site then see the filter bar here

[Brian]

Those links just give me the maintenance page. Did not see a way to see the site.

[pylon]

Sorry Brian, the maintenance page is sometimes a pain!

But, seriously, persist with trying to visit http://www.oneebp.org.uk/clientview

Then when you get through visit http://www.oneebp.org.uk/events

[Brian]

Ok got it.

Try out this css and that should do it:

#tribe_events_filters_form .tribe-events-filter-group {
max-height: none;
}

[pylon]

Oh you’re good Brian.

Thanks for your persistence and patience. Those two together did the trick.

Many thanks.

[Brian]

I am glad to see you it helps.

Since the issue is resolved I am going to go ahead and close this ticket. If you have a similar issue or another in the future, please do not hesitate to create a new ticket.

Thanks!

[Author]

Posts