How to Style WPForms Field Labels

by | Last updated Mar 11, 2025 | wpforms, Styler for WpForms | 0 comments

WpForms lets you specify field labels but they don’t have inbuilt support for changing its design like font color, padding, font size etc. You have to either take the help of CSS or you can use Styler for WpForms that handles all the CSS and all you have to do is use its interface to make the changes. Form title is not considered as label so, if you want to design it then you should checkout this method to change design of WpForms title.

In this article I will guide you through process of using custom CSS and Styler for WpForms plugin. Both methods works great and you can choose which ever you find more appropriate for your needs.

Style WpForms Field Labels with Styler Plugin

  • Install Styler for WpForms plugin.
  • After you activate the plugin then you will be greeted with a welcome screen with all the steps to use the plugin.
  • Open wordpress customizer and then select the form for which you want to change the design of labels.
  • Now navigate to Field Labels section and you will get the options to modify the look of labels.

 

field labels

Style WpForms Field Labels with Styler Plugin

  • You can use the field labels settings to style the labels  of the form. It includes the following properties:
    • Hide labels: This option allows you to hide the labels .
    • Label  font Size : This property is used to determine the size of the labels. You can give the size value in px, ems or %.
    • Label  font  color:  You can select any color for your label by choosing label font  color property .
    • Padding:  You can also provide the space between your labels and fields by using the padding property.
  • Every change you make in the in the customizer will be live previewed instantly. Once you are satisfied with the design then click on Publish button and the changes will become active for your form.

Checkout the below video tutorial to view all the above steps in action

Style WpForms Field Labels with CSS

The following code can be used to change any css properties of WpForms labels

Change FORMID in the above code to the actual id of your form . Ex. 1

Code Explanation: 
body #wpforms-FORMID .wpforms-form .wpforms-field-radio li label

The above code will target all the field labels used in the form. We have used this code to give yellow color, font size of 20px and padding of 10px to our label.

Facing any issue and need help then leave us a comment below.

Still stuck? Need custom solution? We can help
Ultimate Kit for WPForms

Beautifully functioning

It can well unify the style of websites using wpforms, which is extremely helpful.

Love It!

So easy to customize WP-Forms without the hassle of CSS.

This is the best Forms plug so Far!

I have customized my forms with this simple and supper easy to use plug in. Thank you guys for make my sites looks better and my life easier with your solutions.

Keep that great work going.

Great plugin!

Thank you for being a lifesaver, I really owe you guys! Useful plugin specially for students like me.

Does what it says

Just what I needed: stylish WpForms.

Very good

Simple setup, simple deploy, simple use! Thanks for this addon very helpfull for me

Fantastic for forms

I am new to WP and this was an easy to use plug-in to make a form I needed for my new site. Really easy to understand. When I hit a snag (mainly because I am still learning) the customer service was quick and kind to walk me through things. Looking forward to creating more.

Perfect Addon Tool

Excellent plugin. Very reliable and used with my client sites running WPForms. Strongly recommend.

Very helpful

The perfect thing to help you customize and tweak your forms, especially those button colors. Recommended.

Really good

It can freely style wpform perfect

Indispensable for WPForms forms

Great plugin, works perfectly and has given me great support in customizing forms created with WPForms. Thank you!

Excellent

If you need to create functional forms very often this is an amazing tool. Complete and easy to use.

Very useful!

A very useful tool, without it there are very few options to stylize WP Forms. Thank you, good work!

Brilliant plugin

I am new to website building and this plugin is my favourite. It is so easy to use and looks beautiful

Great Plugin

Great plugin, helped me a lot. Thanks to the developers.

Works …

The little I used it .. it works and does what I want

Beautifully Simple Styling

Perfect for styling WP Forms just the way you want them.

Makes a difference

Solid, easy to use, clean, visual form styles.

Very easy and helpful

This plugin made my day.. it helped me to resolve some small, but important issues

Magnificent Plugin for Styling WPForms

Marvelous plugin, easy to use, and solve the lack of WPForms design. I love this plugin.

Great Tool

Great tool\add on to WP Form. I needed to change the color of the Check boxes text on my form and was able to do it easily with Styler for WPForms.

A must have for WP Forms

WPForms is a great form builder, and this plugin makes it even better. Tried to use CSS only and quickly ran into trouble. This plugin did what I needed in minutes.

very very very perfect !

thank you for your plugin !

Always my go to

This does exactly what I need it to, simple to use, easy to set up and integrate.
I use this on over 100 sites and never had a problem.

Super handy tool

WPForms actually provides a lot of code on their site for styling forms, but this is still a really excellent little plugin that saves time and gives you more flexibility.

Highly recommended.

An Awesome Plugin

This is really the first time I’m ever going to rate a plugin – not because all others aren’t good but I just love this plugin.

Easy and nice

Really easy to use for someone who has no specific knowledge.

0 Comments

Submit a Comment

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