How to hide Gravity Form field labels

If you want to add support to hide field labels on a field by field basis, simply add the following line of code to your themes (functions.php).

What this code does is adds a Field Label Visibility dropdown under the Appearance tab in your Gravity Form field (see screenshot below).

Gravity Forms

gravity forms
gravity forms

Hiding Sub-Labels

You can hide sub-labels from the dropdown, illustrated below:

sub-labels
Sub-labels

If your labels are still viewable, ensure you do not have malformed CSS structure in your Gravity Forms or Template style. Placing the code below, in the bottom of your style.CSS file will rectify the issues.

Isaac Adams-Hands

Full Stack Developer, Digital Marketer, and InfoSec enthusiast. He received his Bachelor’s Degree from the University of Western Sydney and his Business Diploma from Georgian College before joining various marketing positions in search portals, e-commerce, higher education, and addiction recovery services.

Follow @ twitter

Related posts

CSS order

Here is how to load a WordPress child theme’s CSS after the parent theme’s CSS. The trick here is to add a 1 to the add_action script, illustrated below Functions.php Find and edit this little bit of code in the Functions.php file: This way your Parent’s CSS loads first, and your Child theme will load… Read More

Redirect form after submit

Add the onClick values onClick values *replace f0rm with form, I didn’t want the form to render on this website.