Title: CSS
Last modified: August 24, 2016

---

# CSS

 *  Resolved [kkmarch7](https://wordpress.org/support/users/kkmarch7/)
 * (@kkmarch7)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-91/)
 * Hi I added the following css to the “wp-content/plugins/cp-calculated-fields-
   form/css/stylepublic.css” file folder. I also deleted my cookies but the only
   thing that changed was the Header. What am I missing?
 * .cp_cff_professional {
    background: transparent linear-gradient(to bottom, #153a68
   0%, #14355e 100%) repeat scroll 0% 0%; }
 * .cp_cff_professional #fbuilder input[type=”text”] {
    border-color: rgb(109, 109,
   109) rgb(42, 42, 42) rgb(0, 0, 0); padding-top: 7px; padding-bottom: 7px; border-
   radius: 10px; background: transparent linear-gradient(to bottom, rgb(227, 227,
   227) 0%, rgb(247, 247, 247) 8%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%;}
 * #fieldname8.1.field.calculate-button {
    color: #9b1111; font-weight: bold; }
 * #fbuilder .fform h1 {
    font-size:20px; }
 * [https://wordpress.org/plugins/calculated-fields-form/](https://wordpress.org/plugins/calculated-fields-form/)

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

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-91/#post-6181706)
 * Hi,
 * If you want change the color and weight of texts in the “calculate” buttons of
   the professional layout, the style’s definition to insert in the CSS file should
   be:
 *     ```
       .cp_cff_professional #fbuilder .calculate-button{
       color: #9b1111;
       font-weight: bold;
       }
       ```
   
 * Tip: Remember to clear the browser’s cache after edit the online files (and not
   the cookies)
 * For other questions, please send the URL to your website to check the modified
   styles.
 * By the way, the styles related with the professional layout should be edited 
   in the CSS file: “/wp-content/plugins/calculated-fields-form/templates/02/style.
   css”.
 * Best regards.
 *  Thread Starter [kkmarch7](https://wordpress.org/support/users/kkmarch7/)
 * (@kkmarch7)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-91/#post-6181729)
 * Thank you this worked once I added it to “/wp-content/plugins/calculated-fields-
   form/templates/02/style.css”
 * How can I increase the size of the Reset, Calculate and Send Button?
 * Is there a way to change the font weight and color only in a particular box? 
   I would like to change it in the box titled “Your Estimated Cash Value.” You 
   can see it here [http://rfslends.com/calculator/](http://rfslends.com/calculator/)
 * Thank You!
 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/css-91/#post-6181733)
 * Hi,
 * If you want modify the appearance of the form buttons, you should insert the 
   following styles definitions, at the end of file’s content:
 * .cp_cff_professional #fbuilder input[type=”button”]{}
    .cp_cff_professional #
   fbuilder input[type=”reset”]{} .cp_cff_professional #fbuilder .pbSubmit{}
 * for the normal buttons, reset, and submit button, respectively.
 * Note: You should enter the css rules in the previous classes.
 * If you want change the appearance of the label in a particular field, you simply
   should assign a class name to the field, through the attribute: “Add Css Layout
   Keywords”, for example: myclass, and then define the new class in the CSS file:
 * .cp_cff_professional #fbuilder .myclass label{}
 * Best regards.

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

The topic ‘CSS’ 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/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)

 * 3 replies
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/css-91/#post-6181733)
 * Status: resolved