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!

Hello @kmacharia ,

Thank you for reply, I actually have this css code but for some reason it is not working.

Did it work for you when you did the live css change?

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!

@kmacharia Thanks for your reply,

I actually tried to edit the core file but still nothing, any clue?

https://prnt.sc/1bkt8sr

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. ??

Hello @kmacharia ,

Same issue,

please see attached:

https://prnt.sc/1ejdw51

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!

Hey @atomweblabs

We haven’t heard back from you in about a week, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

Thanks!