Changing blue highlight colour [RESOLVED]

Get Help
1

Hello,

I am using a gform on a website that I am building. I have been able to edit all of the appearance changes required, except one and would really appreciate your help.

Please can you tell me how to change the blue highlight colour that appear round text boxes when they are active? The same blue highlight colour also shows on image choice checkboxes/tick select icon and radio botton/tick select icon when they are active, so I need to change those too. Also, on drop down options hover/selection.

I would like to change the blue highlight colour on everything above to the green hex code #9ab689. Please can you tell me the css code that I need to make these changes?

Thank you.

2

If you’re using the Orbital theme, you can try this snippet:

body .gform_wrapper.gform-theme--orbital {
  --gf-color-primary: #9ab689;
  --gf-ctrl-border-color-focus: var(--gf-color-primary);
  --gf-ctrl-outline-color-focus: rgba(154, 182, 137, 0.65); 
}

The following document explains where to put your Custom CSS:

1 Like
3

Hello Chris,

Thank you so much for replying. I am using Orbital, but unfortunately the code hasn’t worked. Can you suggest anything else? Thank you.

4

When I add that CSS to my test site, it does seems to work. Are you able to provide the URL to the page where the form is embedded so I can inspect the page and try to tailor the snippet to your site.

5

Hello Chris, sorry for the delay in replying and thanks for offering further help. I have managed to create a work around, so the issue has been resolved. Thanks again for your help.