Gravity Forms Hide Form Title

Problem

By default, when you embed a Gravity Forms form on your site, the form title is displayed on the page just above the form. But what if you want to hide form title from displaying once you’ve embedded the form?

Solution

You can disable the form title, but how you do that will depend on how you’ve embedded the form. I’ll share three ways you can hide the form title.

#1 Shortcode

If you use the form shortcode to embed the form you can hide or disable the form title by switching title=”true” to title=”false“.

[gravityform id="1" title="false"]

#2 Block Editor

If you use the block editor to embed your forms you can simply toggle the title off in the block settings.

#3 CSS

It is recommended that you use one of the options shared above when possible, but if for some reason you’re not able to, you can use the CSS snippet below.

This snippet will be applied to all forms:

body .gform_wrapper h2.gform_title {
    display: none !important;
}

If you want to apply the CSS to a specific form, you’ll need to use the snippet below, be sure to replace the 1 with your forms ID number.

body #gform_wrapper_1 h2.gform_title {
    display: none !important;
}

FAQs

I’m using a page builder like Elementor

If you are using a page builder to embed the form, and you’re not using the shortcode, then the page builder or another plugin has added a Gravity Forms element to the page builder. If that is the case, you should be able to toggle the title off within the element like you can with the block editor.