Hi,
Thank you very much by your suggestions.
The calculated fields have assigned a custom class name: codepeoplecalculatedfield
If you want change the appearance of the calculated fields, you simply should edit any of the CSS files used in your website using as style selector: #fbuilder .codepeoplecalculatedfield
For example to assign a red background in the calculated fields:
#fbuilder .codepeoplecalculatedfield{background: red !important;}
but if you want change the background color of all input boxes, except calculated fields, the style definition would be:
#fbuilder input:not(.codepeoplecalculatedfield){background: red !important;}
If you want change the appearance of a specific field, enter a custom class name through its attribute: “Add Css Layout Keywords”, for example: my-class, and define the style as follows:
#fbuilder .my-class input{background: red !important;}
Tips:
1. Do not forget to clear the browser’s cache after edit the CSS files.
2. If you don’t want to edit the CSS files, simply insert a “HTML Content” field in the form with the styles definitions, for example:
<style>
#fbuilder .my-class input{background: red !important;}
</style>
Best regards.
