Title: Custom Class documentation?
Last modified: November 18, 2016

---

# Custom Class documentation?

 *  Resolved [Firelight](https://wordpress.org/support/users/mdc2957/)
 * (@mdc2957)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-class-documentation/)
 * I’ve been working at this for several hours trying to figure out how to use the“
   custom class” feature so that I can use CSS to make different style for my form.
   I couldn’t find anything in the documentation. Do you have any info?

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

 *  [ThemeSumo](https://wordpress.org/support/users/themesumo/)
 * (@themesumo)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-class-documentation/#post-8453597)
 * You can add a custom class name in the field marked _Custom Class_, this will
   simply add that class to whichever form element you have chosen to add it to.
 * You can then apply custom styling to it using that class name, like so:
 * **Custom Class:** my-class
 * In your [Child Theme](https://codex.wordpress.org/Child_Themes) style.css file,
   or using a [Custom CSS](http://www.mhthemes.com/blog/wordpress-plugins-to-implement-code/#simple-custom-css)
   plugin, add this (example) CSS code:
 *     ```
       .my-class {
           color: #f00;
       }
       ```
   
 * This would change the text color to Red for your chosen elements.
 * Hope this helps.
 *  Thread Starter [Firelight](https://wordpress.org/support/users/mdc2957/)
 * (@mdc2957)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-class-documentation/#post-8453819)
 * I don’t need to use any other classes I saw like caldera-grid or btn, etc?
 *  [ThemeSumo](https://wordpress.org/support/users/themesumo/)
 * (@themesumo)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/custom-class-documentation/#post-8453852)
 * Not unless you’re using the same class for multiple elements then it’s not required,
   you can just target the custom class you add to each element as needed.
 * If you apply the same class to a button and to a field for example, then yes 
   you’ll need to differentiate the difference between the two elements that are
   using the same custom class.
 * You can use tools like [Firebug](http://www.mhthemes.com/support/how-to-use-firebug-to-inspect-html-and-css/)
   to inspect the code of your site and find classes of any specific form elements
   such as buttons etc..
 * Hope this helps.

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

The topic ‘Custom Class documentation?’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/caldera-forms_475846.svg)
 * [Caldera Forms - More Than Contact Forms](https://wordpress.org/plugins/caldera-forms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/caldera-forms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/caldera-forms/)
 * [Active Topics](https://wordpress.org/support/plugin/caldera-forms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/caldera-forms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/caldera-forms/reviews/)

## Tags

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

 * 3 replies
 * 2 participants
 * Last reply from: [ThemeSumo](https://wordpress.org/support/users/themesumo/)
 * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/custom-class-documentation/#post-8453852)
 * Status: resolved