CSS Selector Gravity Forms makes styling your forms faster and easier. Gravity Forms includes a set of built-in CSS Ready Classes that help you create layouts such as two-column or three-column fields, but remembering each class name can be frustrating. With this add-on, you don’t have to memorize anything just click and apply.
Why It’s Useful?
Normally, you’d need to look up documentation or type the class name manually. The CSS Selector add-on saves time by giving you a clean pop-up with all available CSS Ready Classes. Want to split your form into two columns? Add spacing between fields? Style radio buttons and checkboxes? Just click the option, and it’s applied instantly.
Features
- Convenient button added under the advanced tab next to the CSS Class field
- Clean and simple pop-up that lists all the CSS Ready Classes
- Add more than one CSS Ready Class
- Double-click a CSS Ready Class to add it and auto-close the popup
- Also 4 columns supported
- Add your custom CSS to the pop-up modal
Fantastic plugin to style your Gravity forms. Saves a lot of time. Thanks you so much for making this available.
Andre
I’ve check out css name documentation for gravity like a million times to make columns until I came across this plugin.. thanks for making it available. it does what it should.
guillermodewey
CSS Selector Gravity Forms – FAQ
It’s an add-on that lets you easily apply CSS Ready Classes to your Gravity Forms fields through a simple pop-up selector no need to memorize class names.
No. The CSS Selector is designed for all users, even beginners. Just click the class you want, and it’s applied automatically.
Yes. You can add more than one class at a time, allowing you to combine layout and styling options.
Yes. Apart from the built-in Gravity Forms classes, you can also add your own custom classes to the pop-up modal for quick use.
No. It simply inserts the class names into the field settings it doesn’t slow down your site or add heavy scripts.
