Calculated field

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.

Hi @codepeople,

Thank you so much.

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.

Thank you @codepeople. Great support as usual.