Radio button tick color change

Hello @kristiaans

What template are you using on your form?

If you are using template 13, you can enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab (https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png):

#fbuilder .fields:not(.cff-switch-container) input[type="radio"]:checked::before{background:red !important;}

The “Customize Form Design” attribute is a CSS editor with syntax highlighting and error checking.

Best regards.

@codepeople I am using template 14

Tried to use your code example but it did not work unfortunately.

Hello @kristiaans

If you are using the template 14, the style definition to enter would be:

#fbuilder .cff-radiobutton-field:not(.cff-switch-container) .dfield input:checked+span::before, 
#fbuilder .cff-checkbox-field:not(.cff-switch-container) .dfield input:checked+span::before{color:red !important;}

Best regards.

@codepeople Thank you friend! It worked.

Good luck!