Edit style of search form

Anonymous

#15717

Hello,
I would like to edit the style of the search form (make horizontal rather than vertical and edit the select drop down fields)…could you give me a couple of pointers?

Thanks for your help
p

Anonymous

#15718

Hello, also I want to learn about the horizontal and vertical issue. Because in the free version of the plugin it was something that I could do it easily.

Separate with comma -> Example: [searchandfilter taxonomies=”search,category”]

but , in the PRO version with the UI, I searched a lot but I couldn’t find the way to make horizontal the menu.

in the short-code I receive an ID -> Example: [searchandfilter id=”13601]

Please help us.

Thank you!

Anonymous

#15759

Most of the search filter elements are wrapped in list tags (li) but check your source code to be sure this applies to yours…..then add a style declaration in your stylesheet that targets these, either by form ID (to target single forms) or class (to apply to all forms)….use “display:inline;” or “display:inline-block;”

An example, that targets all S&F search filter forms:

.searchandfilter li {display:inline;}

Remember that you want your drop-down (select) element to be displayed as block, but that should happen automatically and not be effected by changing the way the wrapping list element is styled.

Ross Moderator

#15763

Yup Trisha is right…

And the steps above should get you there however you can also see this thread:

https://support.searchandfilter.com/forums/topic/horizontal-layout/

Thanks

[Author]

Posts