bradvin

<blockquote>
<p>This plugin is an add-on for the amazing <em>Gravity Forms Plugin</em>.<br />
  Check out my other free <a href="http://themergency.com/gravity-forms-addon-plugins/" rel="nofollow ugc">Add-ons for Gravity Forms</a></p>
</blockquote>
<p><strong>Compatible with Gravity Forms v1.7.2</strong></p>
<p><strong>Requires at least v1.5 of Gravity Forms</strong></p>
<p>“Ready Classes” were introduced in Gravity Forms 1.5. Using these new classes, you can easily create more advanced alternative layouts for the fields in your forms. Excellent idea, however, the problem is you always need to remember what the exact class name is. Now with the CSS Ready class selector, you don’t need to remember. Simply click on a button to lauch the popup and choose the class you want to add from the list.</p>
<p><strong>features</strong></p>
<ul>
<li>Convenient button added under the advanced tab next to the “CSS Class Name” field</li>
<li>Clean and simple popup that lists all the “Ready Classes”</li>
<li>Add more than one “Ready Class”</li>
<li>Double click a “Ready Class” to add it and auto-close the popup</li>
</ul>


Gravity Forms CSS Ready Class Selector

Easily select a CSS "Ready Class" for your fields within Gravity Forms

M Asif Rahman

Rupok

Codetic

Md. Rabiul Islam Robi

<p>Gravity Form styler for Elementor page builder. Design beatiful Forms using Elementor and Gravity Form with visual editor. No coding required.</p>
<p><a href="https://essential-addons.com/elementor/gravity-forms/" rel="nofollow ugc">Check the Demo</a></p>
<h3><a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor</a> page builder and <a href="https://www.gravityforms.com/" rel="nofollow ugc">Gravity Forms</a> are required for this plugin.</h3>
<h3>Features</h3>
<ul>
<li>Pick the form within Elementor page builder</li>
<li>Set layout and styles using visual builder</li>
</ul>
<h3>This is the standalone version for Gravity Forms only. You can use <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons for Elementor</a> to get 25+ elements together.</h3>
<ul>
<li><a href="https://essential-addons.com/elementor/post-grid/" rel="nofollow ugc">Post Grid</a></li>
<li><a href="https://essential-addons.com/elementor/post-timeline/" rel="nofollow ugc">Post Timeline</a></li>
<li><a href="https://essential-addons.com/elementor/fancy-text/" rel="nofollow ugc">Fancy Text</a></li>
<li><a href="https://essential-addons.com/elementor/creative-buttons/" rel="nofollow ugc">Creative Buttons</a></li>
<li><a href="https://essential-addons.com/elementor/countdown/" rel="nofollow ugc">Countdown</a></li>
<li><a href="https://essential-addons.com/elementor/team-members/" rel="nofollow ugc">Team Members</a></li>
<li><a href="https://essential-addons.com/elementor/testimonials/" rel="nofollow ugc">Testimonials</a></li>
<li><a href="https://essential-addons.com/elementor/woo-product-grid/" rel="nofollow ugc">WooCommerce Product Grid</a></li>
<li><a href="https://essential-addons.com/elementor/contact-form-7/" rel="nofollow ugc">Contact Form 7</a></li>
<li><a href="https://essential-addons.com/elementor/gravity-forms/" rel="nofollow ugc">Gravity Forms</a></li>
<li><a href="https://essential-addons.com/elementor/ninja-forms/" rel="nofollow ugc">Ninja Forms</a></li>
<li><a href="https://essential-addons.com/elementor/weforms/" rel="nofollow ugc">weForms</a></li>
<li><a href="https://essential-addons.com/elementor/info-box/" rel="nofollow ugc">Info Box</a></li>
<li><a href="https://essential-addons.com/elementor/flip-box/" rel="nofollow ugc">Flip Box</a></li>
<li><a href="https://essential-addons.com/elementor/dual-color-headline/" rel="nofollow ugc">Dual Color Headline</a></li>
<li><a href="https://essential-addons.com/elementor/call-to-action/" rel="nofollow ugc">Call to Action</a></li>
<li><a href="https://essential-addons.com/elementor/pricing-table/" rel="nofollow ugc">Pricing Table</a></li>
<li><a href="https://essential-addons.com/elementor/post-block/" rel="nofollow ugc">Post Block (Flex)</a></li>
<li><a href="https://essential-addons.com/elementor/lightbox-modal/" rel="nofollow ugc">Lightbox & Modal</a></li>
<li><a href="https://essential-addons.com/elementor/testimonial-slider/" rel="nofollow ugc">Testimonial Slider</a></li>
<li><a href="https://essential-addons.com/elementor/image-comparison/" rel="nofollow ugc">Image Comparison</a></li>
<li><a href="https://essential-addons.com/elementor/interactive-promo/" rel="nofollow ugc">Interactive Promo</a></li>
<li><a href="https://essential-addons.com/elementor/instagram-feed/" rel="nofollow ugc">Instagram Gallery & Feed</a></li>
<li><a href="https://essential-addons.com/elementor/static-product/" rel="nofollow ugc">Static Product</a></li>
<li><a href="https://essential-addons.com/elementor/flip-carousel/" rel="nofollow ugc">Flip Carousel</a></li>
<li><a href="https://essential-addons.com/elementor/interactive-cards/" rel="nofollow ugc">Interactive Cards</a></li>
<li><a href="https://essential-addons.com/elementor/content-timeline/" rel="nofollow ugc">Content Timeline</a></li>
</ul>


Gravity Forms styler for Elementor Page Builder

Save time, but I wish I could set width of fields separately too, its very good however

Cool

Style your Gravity forms right from the Elementor visual editor.

Gravity Forms CSS Ready Class Selector vs Gravity Forms styler for Elementor Page Builder