Hello @ohtusabes
Yes, of course, that’s possible. The plugin includes the “Customize Form Design” attribute in the “Form Settings” tab (https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png). It is a CSS editor with syntax highlighting and error detection. This attribute allows you to customize the form’s appearance.
For example, if you want to modify the background and text colors in the calculated fields, you can enter a CSS block similar to:
#fbuilder .cff-calculated-field input{
color: white !important;
background: red !important;
}
Learn more about the form and fields components and how to customize their appearance by reading the following blog post:
https://cff.dwbooster.com/blog/2020/01/12/form-design
Best regards.
Thread Starter
PB
(@ohtusabes)
Hi codepeople,
I´ve tried the following sintax to change text color (and I did) but I couldn´t change the font-weight. What I´m doing wrong?
#fbuilder .cff-calculated-field input{
color: red !important;
font-weight:bold;
}
Thanks in advance.
Hello @ohtusabes
Please include the !important modifier with the CSS rule to increase its precedence.
#fbuilder .cff-calculated-field input{
color: red !important;
font-weight:bold !important;
}
Best regards.
Thread Starter
PB
(@ohtusabes)
Thank you @codepeople. Great support as usual.
