Forums › Forums › Search & Filter Pro › change the combobox selection color via CSS

Viewing 4 posts - 1 through 4 (of 4 total)
  • Anonymous
    (Private)  June 3, 2020 at 2:18 pm #247171

    Hi,

    I would like to change the combobox selection color via CSS and am not able to identify the selectors from the inspector.

    Please let me know the ‘none’ and the ‘selected’ selectors shown on these screenshots:

    https://www.screencast.com/t/9NnEa6PDyQq1

    https://www.screencast.com/t/K6jBgq3z

    Thank you very much!

    Lukas

    Trevor
    (Private)  June 3, 2020 at 5:05 pm #247222

    Can you first change the combobox script that S&F is using, and remove that CSS and let me know when done?

    Change the combobox script to Select2 (there is an option in our settings page to choose which Combobox script to use). Your current form uses Chosen, which is set within our plugin by default. However, it is now pretty much abandoned and has not received any major updates in a long time. It has poor support for iOS devices for example.

    Select2 is maintained now by the WooCommerce team, who are, of course, owned by Automattic, the owners of WordPress, and as such is used by a lot of themes and plugins.

    Then, this post shows all the formatting CSS for Select2 (and how to change it):

    https://support.searchandfilter.com/forums/topic/customise-dropdown-combobox/#post-180345

    Anonymous
    (Private)  June 3, 2020 at 6:05 pm #247234

    Hi Trevor,
    thank you very much.
    I had already switched to Select2 but did not know about the CSS that comes with it.
    Found the selector and changed the color successfully.
    Cheers,
    Lukas

    Trevor
    (Private)  June 3, 2020 at 6:16 pm #247239

    Thanks for getting back to me. I will close this thread for now.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)