CSS category select option

  • Resolved persoonlijkvaardiger

    (@persoonlijkvaardiger)


    1 year, 11 months ago

    I styled my form fields to look like this:

    As you see, the ‘Select category’ field still looks odd.

    I used the following CSS: 

    padding-top: 20px;
border-top: white;
border-right: white;
border-left: white;
border-bottom-left-radius: 15px;
font-style: italic;
font-size: 14px;

    I works on all fields, except the category field. When I add !important, it looks good in Elementor editor, but in front-end the desired style pops up briefly to disappear in a split second.

    Can you help me fix this?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Jeff Starr

    (@specialk)

    1 year, 11 months ago

    Glad to help. The fancy select fields for categories and tags are provided by a script called Chosen.js. It works great for many themes but not all. For themes where the Chosen styles are not working well, you can disable it by adding the following snippet:

    <script>var usp_disable_chosen = true;</script>

    Then the normal/default select fields will display instead of the fancy ones, and should be easier to style, etc.

    I hope this helps, let me know if I can provide any further information.

Viewing 1 replies (of 1 total)

The topic ‘CSS category select option’ is closed to new replies.