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.
[youtube https://www.youtube.com/watch?v=bkiBdaxIPjY]
Styles & Layouts for Gravity Forms Premium Addons:
- Material Design
- Checkbox & Radio Styler
- Bootstrap Design
- Theme Pack
- Tooltips
- Field Icons
- Custom Themes
- Addon Bundle
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.
Premium Addons to Extend the Functionality
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 [youtube https://www.youtube.com/watch?v=eYWCmBet54s]
- Tooltips : Online Demo Tooltips addon lets you add tooltips next to field labels in Gravity Forms from customizer. There are multiple colors, icons, animation effects, position options to make your tooltips look beautiful and resonate with your theme.
Checkout the below video to have a quick glance of Tooltips addon [youtube https://www.youtube.com/watch?v=ckIeLNhWcGs]
- Field Icons : Online Demo Field Icons addon lets you add images as well as fontawesome icons to Gravity Form fields. It supports image and fontawesome icons for phone, single line input, quantity, custom post fields, post tags, post title, date, email, website, address, name and number fields. It will automatically detect all the fields present inside the form and give you the option to set icons for them. You can also change the position of icons from left to right. It also comes with an option to set padding for icon fields so that the form text doesn't overlap with the icon.
Checkout the below video to have a quick glance of Field Icons addon [youtube https://www.youtube.com/watch?v=EZ4TADXar2A]
Custom Themes : Custom Themes addon for Styles and Layouts for Gravity Forms lets you save your own form designs as themes. You can create unlimited themes and apply them on unlimited forms. This addon will save a lot of time if you want to make two forms with same styling. You are free to modify the form design even after you have applied a theme.
Addon Bundle: Addon Bundle is a collection of all the addons of Styles and Layouts for Gravity Forms and you will get it a special discounted price.
Gravity Forms Conversational Addon : Convert Gravity Forms design to Typeform style with one click of button. You can customize the design of the conversational form by changing colors. The form will be shown on a distraction free layout.
Releases (45 )
| Version | Release Date | Change Log |
|---|---|---|
| 4.3.9 | 2022-11-24 | (24 November 2022) = * Minor Fix |
| 4.3.8 | 2022-10-26 | (3 May 2022) = * Styles & Layouts design won't apply if material design is active |
| 4.3.7 | 2022-04-18 | (18 April 2022) = * Fixed a warning message when asterisk color was not set * Button Border won't get applied in case Material design addon is used |
| 4.3.6 | 2022-03-30 | (30 March 2022) = * Added support for new submit button introduced in Gravity Forms v2.6 * Updated updater class |
| 4.3.4 | 2022-02-27 | (25 November 2021) = * Fixed submit button hover styling |
| 4.3.3 | 2021-09-03 | (3 September 2021) = * Fixed Next and Previous button not getting same styling * Fixed Error messages styles not working in Gravity Forms v2.5 |
| 4.3.2 | 2021-08-21 | (16 July 2021) = * Fixed form not showing customizer |
| 4.3.1 | 2021-04-06 | (3 April 2021) = * Fixed a bug where styling on some forms were lost after 4.3 update |
| 4.3 | 2021-03-11 | (5 March 2021) = * Fixed compatability with upcoming Gravity Forms v2.5 * Fixed compatability with upcoming Material Design addon * Fixed compatability with upcoming Field Icons addon * Fixed background gradient not working correctly in live preview * Fixed range slider fields not working correctly in customizer |
| 4.2.10 | 2020-12-29 | (29 December 2020) = * Updated Readme File |
| 4.2.9 | 2020-09-10 | (26 August 2020) = * Fixed review message |
| 4.2.8 | 2020-08-18 | (25 June 2020) = * Added support for Bootstrap and Material design submit button styling * Fixed ternarny operator warnings of latest php * Added support for changing font style from bold to normal * Cleaned frontend output of css * Fixed padding for section field |
| 4.2.7 | 2020-03-22 | (22 march 2020) = * Added support for quick edit shortcuts for consent field * Fixed an issue with jupiterx theme where customizer options were not visibile |
| 4.2.6 | 2019-12-03 | (3 december 2019) = * Added support for consent field |
| 4.2.5 | 2019-09-01 | (1 september 2019) = * Fixed warning paragraph textarea messages |
| 4.2.4 | 2019-08-29 | (29 august 2019) = * Fixed warning messages |
| 4.2.3 | 2019-08-06 | (6 august 2019) = * Fixed issue with tooltips of checkbox and radio options |
| 4.2.2 | 2019-08-06 | (6 august 2019) = * Fixed header showing border in customizer preview * Fixed UTM parameters |
| 4.2.1 | 2019-05-08 | (9 april 2019) = * Added option to hide sublabels * Fixed adding 0 as value for borders not working * Fixed customizer contols resize to not happen for other plugins |
| 4.2 | 2019-04-07 | (18 march 2019) = * Added font size, font style and line height for error message text * Added height option for text and dropdown fields * Added notification for rating * Fixed list field not getting styled on mobile devices * Fixed issue with RTL websites dashboard text alignment * Fixed padding not working for section break having description * Fixed submit button styling issue when Material design is activated * Fixed design of delete styles button * Fixed form header border width issue * Fixed design of color picker control for Divi theme * Renamed customizer control labels for better consistency * Removed line-height option from text and dropdown fields * Removed padding option from placeholders * Updated design of welcome page |
| 4.1.4 | 2019-02-13 | (13 february 2019) = * Fixed compatability with gutenberg ( issue didn't resolve in 4.1.3) |
| 4.1.3 | 2019-02-13 | (13 february 2019) = * Fixed compatability with gutenberg |
| 4.1.2 | 2018-12-05 | |
| 4.1.1 | 2018-12-05 | (5 december 2018) = * Fixed php errors/warnings * Fixed multipage material design button styling bug |
| 4.1 | 2018-09-25 | (25 september 2018) = * Added responsive line height option * Updated documentation * Fixed bugs |
| 4.0.2 | 2018-09-21 | (25 july 2018) = * Fixed an issue where '?customize_changeset_uuid=' was automatically added to the end of url * Fixed 'headers already sent' issue while updating post/page from backend * Fixed default border style 'solid' not working |
| 4.0.1 | 2018-07-23 | |
| 4.0 | 2018-07-23 | |
| 3.0.4 | 2018-05-23 | |
| 3.0.3 | 2017-12-22 | (20 Dec 2017) = * Fixed issue in customizer form selection |
| 3.0.2 | 2017-12-20 | (20 Dec 2017) = * Fixed missing notice issue if gravity forms is not installed * Fixed background image not showing issue. |
| 3.0.1 | 2017-10-14 | (14 Oct 2017) = * Fixed custom CSS not working |
| 3.0 | 2017-10-11 | (11 Oct 2017) = * Fixed styling of submit button not working on multipage form * Added option to set transparency for background color * Added support for use of Gradients as background for form wrapper * Fixed % not working in preview * Added support for values without 'px' or any other unit for margin and padding settings * Added an alert if Gravity form is not present * Added option to open 'Styles & Layouts' directly from edit form page * Minified styles.php and now only those styles are shown which have values * Added option to give different widths for phones and tabs * Fixed padding for placeholder not working * Fixed styling of confirmation messages * Fixed Default border not working in customizer preview * Fixed "Slabo 27px" font family not working * Fixed width shown as max-width * Added options to change line height and letter spacing * some other minor fixes |
| 2.0.8 | 2017-08-04 | (30th March 2017) = * Added option to change description font color * Fixed issue with Submit button hover color * Changed Maximum width to Width |
| 2.0.7 | 2017-03-10 | |
| 2.0.6 | 2017-03-08 | (7th March 2017) = * Added option to change submit button background and font color on hover * Added support for 99 most popular Google fonts * Automatically add 'px' if not added by user. * Added option to hide labels * Added option to enable admin bar under general settings |
| 2.0.5 | 2017-01-27 | (1st January 2017) = * Fixed placeholders.php not found error |
| 2.0.4 | 2016-12-31 | (31th December 2016) = *Fixed code that showed url parameters in frontend |
| 2.0.3 | 2016-12-28 | (28th December 2016) = *Fixed empty sections after page refresh |
| 2.0.2 | 2016-12-27 | |
| 2.0.1 | 2016-12-16 | (16th December 2016) = *Fixed page refresh bug on form selection |
| 2.0 | 2016-12-06 | (6th December 2016) = * Added option to change placeholder font size, font color and padding. * Added option to add custom CSS * Fixed preview of font size and padding for checkboxes * Removed force style option * Updated documentation * Fixed auto reload bug * Styles & Layouts panel now automatically loads after page selection * New backend logic to detect forms using Gravity Forms hook |
| 1.4.1 | 2016-09-01 | (12th August 2016) = * Added List Field section * Compatibility with Materialize Addon * Added background color for section break title and description |
| 1.3.3 | 2016-07-14 | (23rd June 2016) = * Added font size for checkboxes * Added documentation on plugin activation * changed text 'Enter Gravity form Id' to 'Select Gravity Form' |
| 1.4 | 2016-07-14 |
