Title: fields color
Last modified: August 31, 2016

---

# fields color

 *  Resolved [njomza](https://wordpress.org/support/users/njomza/)
 * (@njomza)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/fields-color/)
 * Hi,
 * I have a question for color of fields and I would suggest you to change the color
   of input text inside the calculated fields, in order to make the difference between
   fields which are not calculated and the others. So, how can I change the color
   of input text just for specific fields?
 * Thanks.
 * [https://wordpress.org/plugins/calculated-fields-form/](https://wordpress.org/plugins/calculated-fields-form/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/fields-color/#post-7224955)
 * 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.
 *  Thread Starter [njomza](https://wordpress.org/support/users/njomza/)
 * (@njomza)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/fields-color/#post-7224967)
 * Hi,
 * I’ve already fixed by editing stylepublic.css:
 *  .codepeoplecalculatedfield
    { background:none !important; }
 * The problem was that couldn’t find the class “codepeoplecalculatedfield” in your
   css files.
    Thank you very much for the quick response. I appreciate it!
 * Best regards.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘fields color’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [njomza](https://wordpress.org/support/users/njomza/)
 * Last activity: [10 years, 2 months ago](https://wordpress.org/support/topic/fields-color/#post-7224967)
 * Status: resolved