How to Style Sub Labels in Gravity Forms

by | Last updated Mar 11, 2025 | Gravity forms, Styles & Layouts | 1 comment

Gravity forms provides you the ability to add custom sub labels to certain advanced fields like name, address and time fields. In this article you will learn how to change the design of these sub labels. You can checkout our previous article if you are looking to change design of field labels.

How to change design of Sub Labels using CSS

It is possible to target individual sub labels like first name, last name, address line 1, address line 2, city, state, zip code, country, hour, minute, month, day and year .

Note: Replace FORMID in the above code with the actual form id.

How to Change Styling of Sub Labels using Free Plugin

  • Download and install Styler for Gravity Forms plugin from official WordPress plugin repository.
  • Login into WordPress dashboard and then open the page in which you have added the form.
  • From admin bar click on Customize option and then go Styles & Layouts Gravity Forms option. If the customize option is not available then you can check the alternate methods to open customizer.
Customizer In Admin bar

Customizer In Admin bar

  • Select the form for which you want to edit sub labels.
Select form under style and layout panel

Select form under style and layout panel

  • Now the page will automatically refresh. Once the page is refreshed you will get all the options to customize your form.
  • Navigate to Sub Labels section and here you will get the option to change font color, font size and padding for sub-labels.
Sub Labels in styles and layout for GF

Sub Labels

  • Once you have made the desired changes then click on Publish button to make them permanent.
Publish button in customizer

Publish button

Here is the video tutorial demonstrating all the steps mentioned above

 

If you need any help with styling any field of gravity forms then you can leave a comment below.

Still stuck? Need custom solution? We can help

Excellent plugin

Easy and intuitive to use and helps to accelerate workflow.

Exactly what I was looking for

I don’t know CSS and was asked to make very specific changes to our Gravity Forms. This did the trick and this tool gave me the flexibility I needed.

Very good and beautiful

It worked very good used with divi theme, popup builder and gravity forms!
CongraTulations!

Great stuff!

I rarely take the time to leave reviews.
With this one I felt compelled because it is so good!

Great Gravity plugin

This is great for all those styling problems that can arise. Easy to use with a gentle learning curve.

Very Useful

Instead of playing with the style sheets, you can make all the changes directly here.

Perfect

It works perfectly. I am satisfied. Congratulations!

Good Plugin

A bit of a learning curve for this old woman, but does what I need it to do!!

great plugin – easy to use

this plug in was exactly what i needed to help finish the layout of my page.

I love it!

Just what I needed!

Love love love this plugin. Who wants to spend hours using css to style a form?
Not me! I can get my forms looking exactly as I want them to in just a few clicks.

Super Awesome and Easy to Use

Really great plug in that is so easy and simple to use! Thank you for your awesome work!

Should be default Gravity Forms functionality

Great plugin. My go to solution for Gravity Forms styling.

Great Plugin

This plugin is a perfect complement to style Gravity-Forms. The intuitive user interface, integrated into the Customizer, is very well done. PERFECT!!! THANK YOU!!!

Very Helpful!

Gravity forms are awesome, but notoriously difficult to style. I was struggling for hours to reduce the space between a field, let alone tweak size, color, etc. This plugin is exactly what I was looking for – well done!

Exactly what Gravtiy Forms missed

I use it on every page – that should say it all.

Great Plugin Essential!

Very easy to use, exactly what I needed for Gravity Forms!

Much better than forms that come with the themes

Solid plugin, much better than the forms that come with the themes. We’ve used GF to create membership and donation forms, which our clients love. I thought GF was a little pricey but it’s paid for itself in customer satisfaction.

It Works Perfectly

If you need to give your form a bit of style, this plugin is perfect and easy to use.

great!

works great! should be in the gravity basic installation…

Works Great for Me

This app is easy to understand and use and works great for me.

Huge time saver

You can accomplish what this plugin does using CSS yourself, but the plugin saves you the time of doing so. This is a simple, effective and efficient way of making your GF look better.

A great find!

This plugin enabled me to exactly what I wanted to with my forms and they look great! It would have been much more painful to customize my forms without it.

I love it

Easy and efficient plugin !

Very convenient, works great!

I’ve had a need to sometimes change the style of Gravity Forms, and this saves time so I don’t have to figure out the CSS styles and manually override them 😉

Just right!

Outstanding! Does just what I wanted.

Save me hours of work

I was skeptical to download…how can it be that easy? But, it was and it truly saved me hours of work to style my Gravity Forms.

Fantastic plugin!

This plugin saved me hours of work. I am not well versed in coding by hand and now I don’t have to figure it out. I styled my Gravity Forms beautifully, the easy way. Worked perfectly. Thank you.

It is a amazing gravity form plugin that I was looking for long time.Thanks

Thanks for helping for designing gravity form such an amazing way.

Excellent

Makes styling Gravity Forms EASY.

Easy to use and powerful

Recommend this to anyone struggling to format their forms

Great work!

Thank you guys! extremely helpful!

Excellent plugin

Makes the job of styling forms so much easier.

1 Comment

  1. Ewomazino Donald
    Ewomazino Donald on August 19, 2019 at 5:47 pm

    Hello,
    Good work you doing here.
    I am current using Gravity form Ver 5.2.2 on my website.
    I want to add a field in the export entries section on the backend of gravity form that requires uses to enter the “form ID” before they can export entries of a particular form. Such that entries can only be exported when the correct form ID is entered.
    This way, a user can only export form entries if he knows the form ID.

    Could you help with a code snippet for this?
    Thanks.

    Reply

Submit a Comment

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