Hello @lowercas3
Yes, that’s possible. The plugin includes the “Customize Form Design” attribute in the “Form Settings” tab. It is a CSS editor with syntax highlighting and error checking. Enter the CSS rules to modify the form and field designs.
For example, if you want to modify the background color of the calculated fields, you can enter the style definition:
#fbuilder .cff-calculated-field input{background:aquamarine !important;}
The previous CSS rule modifies the background color of every calculated field.
However, if you want to modify the background of a unique calculated field, enter a class name through its “Add CSS Layout Keywords” attribute (Ex. my-field), and the style definition in the “Customize Form Design” attribute should include the class name:
#fbuilder .my-field.cff-calculated-field input{background:aquamarine !important;}
Learn more about the form and fields components by reading the following blog post:
https://cff.dwbooster.com/blog/2020/01/12/form-design
Best regards.
