How to Format Size of Drop Down Menu Filters

This topic has 1 reply, 2 voices, and was last updated 3 years, 10 months ago by Trevor.

Viewing 2 posts - 1 through 2 (of 2 total)

Anonymous

(Private) December 20, 2020 at 8:33 pm #270441

Hi, the size of my filters on the left of my page are not the same. May I know how I can format their size?

You can refer to the video in the link I have attached in this message below.

Thanks!

https://www.loom.com/share/68b0a3a397c6474bbbd9cb48106ad8ec

Trevor

(Private) December 21, 2020 at 9:31 am #270449

You would need custom CSS, like this:

.searchandfilter[data-sf-form-id="218"] .sf-field-search input, .sf-field-search label {
    display: block;
    width: 100%;
}
.searchandfilter[data-sf-form-id="218"] > ul {
    margin: 0 7px 0 10px;
}
.searchandfilter[data-sf-form-id="218"] li[data-sf-field-input-type="select"] select,
.searchandfilter[data-sf-form-id="218"] li[data-sf-field-input-type="select"] label {
    width: 100%;
}

Author

Posts

Viewing 2 posts - 1 through 2 (of 2 total)