Title: css styling affecting other forms
Last modified: July 20, 2020

---

# css styling affecting other forms

 *  Resolved [kimcoetzee](https://wordpress.org/support/users/kimcoetzee/)
 * (@kimcoetzee)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/css-styling-affecting-other-forms/)
 * My CSS styling on #fieldnamexxx_1 is coming up on other forms that are using 
   the same fieldnames. Is there a way to ensure CSS styling only gets applied to
   a specific form?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-styling-affecting-other-forms%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/css-styling-affecting-other-forms/#post-13145186)
 * Hello [@kimcoetzee](https://wordpress.org/support/users/kimcoetzee/)
 * Yes, of course. Assign a custom class name to the field. The class names are 
   assigned to the form’s fields through their attributes: “Add CSS Layout Keywords”
   for example: `my-field`
 * And then, enter the new style’s definition through the “Customize Form Design”
   attribute in the “Form Settings” tab ([https://cff.dwbooster.com/images/documentation/form-settings-tab.png](https://cff.dwbooster.com/images/documentation/form-settings-tab.png)).
 * For example, if it is a calculated field and you want set the label color in 
   blue, and the reult’s color in red, the style definition would be:
 *     ```
       #fbuilder .my-field label{color: blue !important;}
       #fbuilder .my-field input{color: red !important;}
       ```
   
 * Best regards.

Viewing 1 replies (of 1 total)

The topic ‘css styling affecting other forms’ 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/)

 * 1 reply
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/css-styling-affecting-other-forms/#post-13145186)
 * Status: resolved