Styling Dropdowns

Anonymous

#4664

How do you style the dropdowns to look the same. Currently the category dropdown is styled differently than the other filter dropdowns (date, title, etc.).

Thanks

Ross Moderator

#4717

Hey mcguffin do you have a link? Still working on updates should be ready soon (and adding in much better pagination 😉 )

Ross Moderator

#4719

Sorry just to add, they should all look the same (the dom structure should be identical) the only thing is that the fields get different classes applied (such as .sf-field-category) to allow you to style it easily – apart from that they should be the same.

Unless… you are talking about a combobox? In order for a combobox to be a combobox then it uses a JS plugin called chozen which adds its own styling in order to achieve the extra functionality.

Anonymous

#4879

Yes it was the combobox. I forgot I set it to combo while testing. I won’t be using it so its not an issue. Thanks

Anonymous

#4882

Is there a way to use chozen for all the select boxes without it being a combo box?

Ross Moderator

#4959

Unfortunately not..

There is probably some JS you can add to your theme that will initialise them – let me have a think and see if I can get some code for you.

Anonymous

#5044

If they where wrapped in something like <label> or a div I think they could be styled with css. That would also may be need for a js solution.

[Author]

Posts