How to change default blue styling

[user698a269d26e16634 (Sarah Riggens)]

I’m trying to figure out how to change the bright blue highlight that appears when users complete text fields, radio buttons, image choice ticks, drop-down options.. I found some CSS to change the ‘submit’ button which worked but nothing has come up trumps for all the other bits yet.

This is my work in progress page so far in case that’s helpful - Order a wedding album from Sarah Vivienne Photography

Can anyone help, please?

[david (David (Gravity Wiz))]

It’s a little unexpected but this is actually controlled the Button Styles Background color.

If you want to keep the button background color distinct from this outline color, you can target the outline specifically with these styles:

.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice:focus-within,
.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-no-card .gchoice:focus-within .gfield-choice-image-wrapper {
  --gf-local-border-color: #f00;
  --gf-local-outline-color: #f00;
}

Change that #f00 (red) to your desired color.