Active dropdown menu

Hey @atomweblabs

You can change the border color of the dropdown field by using the following CSS class:

/* cmacs.ca */

div.wpforms-container .wpforms-form .choices[data-type*="select-one"] input.choices__input:focus{
    border: 1px solid #101111 !important;
    box-shadow: 0 0 0 1px #101111 !important;
}

And in case it helps, here’s a tutorial on how to add custom CSS like this to your site.

Hope this helps!

Hi @atomweblabs

On checking this further, the CSS will not work as expected since the default style is hardcoded in /wpforms/assets/css/choices.css and is loaded dynamically by the Choices.js library that controls the modern dropdown.

Unfortunately, the only fix would entail editing the core CSS file and this is not recommended.

I hope this information helps!

Hey @atomweblabs

Thanks for sharing your results.

You have to change it on the minified version of the file as well to see the result: /wpforms/assets/css/choices.min.css

I hope this helps. 🙂

Hey @atomweblabs

Would you mind testing this from a different theme to rule out conflicts with some custom theme code?

Here is a screencast of how this code works on my end.

I hope this helps!