Change Selected Field Highlight Color [RESOLVED]

I am working on our contact form and cannot figure out how to change the default background color of a selected field. It appears that my forms are grabbing the “accent color” from my theme and every time I select a field it turns green. I honestly just want it to stay white, or at least be a softer version of the color. But the only way I have been able to change it is in the theme accent color.

Is there a snippet that I can use to override the default for all fields? I have dug through most of the documentation and did not see a quick way to do this. Any help would be greatly appreciated!

Hi Timmy. It looks like bootstrap is adding a background gradient to those inputs when they are active or focused. You can add this CSS to your theme (or child theme) stylesheet or via the Appearance Customizer (Appearance > Customize > Additional CSS):

body .gform_wrapper .form-control:focus, 
body .gform_wrapper .form-control:active {
    background: white!important;

This is what the form looks like when I apply that to it:

1 Like

You rock Chris! Worked like a charm! Thank you for the help.

1 Like