google-site-verification=Ls9KcWrF2YZT7kMIaBSLGLUrYl--Png3qoN53OOo4WM The Best Way to Style Gravity Forms in Gutenberg! - Spectra

The Best Way to Style Gravity Forms in Gutenberg!

What if I tell you – you can style Gravity Forms in just a few clicks?

I am sure most of you may agree that customizing and styling Gravity Forms using CSS is one of the most painful tasks.

We’ve made it simpler!

Yes! This is now a lot simpler with the Gravity Form Styler included within the Spectra! It means that you can now customize the look of a standard Gravity Form without a plugin made particularly for this.

Gravity Form is one of the most advanced and popular form building plugins. And it’s time to take it to the top-drawer with the Gravity Form Styler for Gutenberg. Take a look at the image below to see one possibility of how you can style gravity forms.

Gravity Form Styling

Do you want to customize your Gravity Forms and make them look attractive like the ones you see on our demos page? As promised above, we are giving you the best way to build forms with Gravity Forms and style it with the Gravity Form Styler block for Gutenberg.

What can you do with the Gravity Form Styler?

  • You can design forms faster with predefined styles for the input fields on the form – Box and Underline
  • Highlight input fields with border width, radius, color etc.
  • Display clear and pretty looking labels and input text with various typography and color options.
  • Customize your checkboxes and radio buttons to match the overall look of your form.
  • Your submit button is the main CTA in the form. Customize the look and feel of your submit button to make users click!
  • Customize the success and error messages to grab attention.
  • Space out your form fields with advanced spacing options.

Want to try these? You can go ahead and update the Spectra to version 1.12.0, and begin styling your forms with this trendy block! Here is a knowledge base article we have for this specific block.

Have any further queries? Or wish to share some feedback and ideas? We’d love to hear as always. Please feel free to drop your thoughts in the comments below, or simply write to us!

Disclosure: This blog may contain affiliate links. If you make a purchase through one of these links, we may receive a small commission. Read disclosure. Rest assured that we only recommend products that we have personally used and believe will add value to our readers. Thanks for your support!

About The Author

3 thoughts on “The Best Way to Style Gravity Forms in Gutenberg!”

  1. I can’t find it either. Where do I find the Gravity Form Styler block? I see you link to the documentation but the block is not available.

Leave a Comment

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

Build Ultra High performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get your hands on Spectra pro

Enter your name and email address and be the first to learn about updates and new features.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.