Styles and Layouts for Gravity Forms lets you create beautiful designs for Gravity forms. It uses WordPress Customizer for providing styling options with easy to use controls. The design changes you make with this Gravity Forms Styler plugin are instantaneously visible so, you can see how the form looks in real time.
This Gravity Forms styler comes with 150+ options to customize various parts of form like form wrapper, form header, form title and description, submit button, radio inputs, checkbox inputs, paragraph textarea, labels, section breaks, descriptions, text inputs , dropdown menus, labels, sub labels, placeholders, list fields, confirmation message, error messages and more.
You can set CSS options like background color, font size, font family, borders, width, text alignment, margin, padding, font color, text decoration, text case, font weight, line height and more for all the sections. You are no longer required to use custom CSS codes to create the perfect Gravity Forms design template. The designs created with this plugin will work even if you change your theme. This is only Gravity Forms styler plugin you will ever need.
You can easily create responsive designs like having different font size, widths, line height etc on desktops, tablets and mobile phones.
You can set a different style for each form.
Checkout the below video to have a quick glance of Grid Layout addon
Material Design : Online Demo
This addon will add material design to Gravity Form with single click of button. Checkboxes can be converted into material design compatible switch buttons with ripple effect. Color of material design theme can be easily changed using color picker.
Checkbox & Radio Styler : Online Demo
This addon lets you change the design of checkbox and radio buttons. There are plenty of design options to customize color, animations and style. You can use solid colors, images , switches or fontawesome icons inside checkbox and radio buttons.
Bootstrap Design:Online Demo
Bootstrap Design for Gravity Forms removes all the complexity and adds bootstrap to your form with one click . This plugin uses Bootstrap 4. The bootsrap design will be applied to all fields, submit button, error & confirmation messages as well as progress bar.
Theme Pack :
Theme Pack for Styles and Layouts for Gravity Forms has a collection of 30+ beautifully crafted themes. You will no longer need to change settings for each and every element of form. Gravity Forms Theme pack addon is highly configurable as you can modify the form design even after applying a theme. This addon has themes which uses gradient as background.
Checkout the below video to have a quick glance of themes addon
Checkout the below video to have a quick glance of Tooltips addon
Checkout the below video to have a quick glance of Field Icons addon
Checkout the below video to have a quick glance at Custom Themes addon
/wp-content/plugins/plugin-namedirectory, or install the plugin through the WordPress plugins screen directly.
Yes each form design is stored separately. So, design for each form can be different.
As of now you can only create one design for one form. If you want to create multiple designs for single form then first duplicate it in Gravity forms and then create a new design using Styles and Layouts plugin.
Yes, you can add custom CSS code for Gravity Forms with this free plugin. To add the code, navigate to Customizer -> Styles & Layouts Gravity Forms -> General Settings -> Custom CSS.
Yes, Gravity Forms embedded in Divi themes is also supported. Please check the this link to locate customizer in Divi theme https://wpmonks.com/blog/guide/open-styles-layouts-panel-divi/
Styles and Layouts for Gravity Forms plugin lets you design and style Gravity Forms without CSS coding.View Cart
Cookiebot is a cloud-driven solution that automatically controls cookies an...
WooCommerce AJAX Product Filters - Advanced product filtering ability for y...
Flexible button creator allowing you to stick floating buttons to the side ...
YITH WooCommerce Catalog Mode, a plugin for disabling sales in your e-comme...