background and foreground text color change

Hello @sg13040

The “Customize Form Design” attribute in the “Form Settings” tab is a CSS editor with syntax highlighting and error checks. This attribute allows you to modify the form and fields’ appearance.

For example, if you want to modify the background and text colors of calculated fields, you can enter a CSS block similar to the following one through the “Customize Form Design” attribute:

#fbuilder .cff-calculated-field input{
background:red !important; 
color:white !important;
}

Learn more about the form and fields’ structure and how to modify their appearance by reading the following blog post:

https://cff.dwbooster.com/blog/2020/01/12/form-design

Best regards.