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.
Related Content
- How to Add a Gravity Forms Form to Your Page in Elementor
- How to Add a Gravity Forms Form to Your Page in Divi
- How to Add a Gravity Forms Form to Your Page with Beaver Builder
Need More Help?
If you still need help, use the chat or leave a comment below and we’ll get back to you.
Comments