css

Anonymous

#15682

Hello,
I’m trying to style the search and filter form using the tutorial here http://www.scribbletribe.com/how-to-style-the-select-dropdown/

Do you have a list of classes that I can use for example when drop down is selected, hovered, etc

Sorry, I’m no expert in css

Cheers

Anonymous

#15758

First be sure you’re referring to the correct class of the element you want to style, and note that this plugin uses the same class when constructing all filters using the same elements (e.g. if you create four different filters, but all use dropdowns, you’ll get the same class on all dropdowns) SO if you create styles for this class, it will apply to all similarly constructed dropdowns. To target JUST a specific filter, use it’s form ID instead.

For different states, e.g. hover, active, etc….use the pseudo class selectors :hover, :active, etc. Here’s a great tutorial on styling using these:

https://css-tricks.com/pseudo-class-selectors/

Ross Moderator

#15764

Thanks Trisha, and hey there..

Yeah the CSS is you basic listy stuff:

.searchandfilter ul
{
    border:1px solid #f00;
}
.searchandfilter ul li
{
    color:#f00;
}

However each item will have a specific classname attached, depending on the field – you will need to check the DOM to see which class names are used on you fields, because they reflect the names/content of these fields.

Thanks

[Author]

Posts