How to display only part of a long list of checkboxes like in the demo?

paperweight

#251382

On the demo at https://demo.searchandfilter.com/movies/ the Genre has a long list of checkboxes, but only part of the list is visible.

I want to do that also, but can’t figure out how. I have a list of 1000+ checkboxes, so my page is very long. I therefore want to hide most and have a scrollbar. But when I add the search form as a sidebar widget, the entire long list displays. How can I overcome this?

Add New Note to this Reply

Trevor Moderator

#251427

You would need to add custom CSS to your theme, like this:

.searchandfilter li[data-sf-field-input-type="checkbox"] ul {
    max-height: 180px;
    overflow: auto;
}

Add New Note to this Reply

paperweight

#251493

Excellent, works perfectly! Is there a page or area on the support site that has a collection of CSS snippets that are useful we could use? I checked the site but cannot find something like this, so does it exist?

Add New Note to this Reply

Trevor Moderator

#251495

There isn’t, sorry. We are working on a new version of our plugin, and will have to re-write the documentation for that anyway, so we are mostly focused on that for now.

Is it OK to close this thread for now?

Add New Note to this Reply

paperweight

#251509

Yes pls close, thanks~

Add New Note to this Reply

[Author]

Posts