Last updated on

Contact forms created with WPForms are a great way to gather information from your users and the BoldGrid Post and Page Builder Plugin makes it easy to manage forms into your page content.  However, the interaction between the two is not always seamless because of the nature of two distinct plugins loading their own style rules.

Sometimes when working with WPForms in your page content you will find that the color of your field labels is the same as your section background, which makes it difficult for users to determine exactly what information is expected when filling out the form.  The easiest way to fix these design conflicts is to use your own CSS to change the text color associated with your form fields.

Fortunately WPForms assigns unique classes to the various page elements provided by the plugin, so you do not have to use long CSS selectors to target the items you want to modify.

Modifying The Field Labels With Custom CSS

To use the class assignment for form field labels provided by WPForms start by creating this CSS selector:

.wpforms-field-label {

}

Next add your color property and be sure to add !important to prevent any other rules from further modifying the color of your form field labels.

.wpforms-field-label {
    color: #FFFFFF !important;
}

Using #FFFFFF makes the labels white and you can change that value to any valid color hex to use any color you like.

Once you have the custom CSS you wish, you can learn how to apply your custom CSS in the WordPress Customizer.

Congratulations! You now know how to change the text color for field labels in WPForms. We have some additional guides if you are interested in learning more about our WordPress website builder.

 

SIGNUP FOR

BOLDGRID CENTRAL  

   200+ Design Templates + 1 Kick-ass SuperTheme
   6 WordPress Plugins + 2 Essential Services

Everything you need to build and manage WordPress websites in one Central place.

5 thoughts on “How to Change the Text Color for Field Labels in WPForms

Leave a Reply

Your email address will not be published. Required fields are marked *