Surbma | Divi & Gravity Forms

Mô tả


This plugin adds the same styling for Gravity Forms as Divi Theme has for its own forms. This is a very lightweight plugin with minified css to reduce the loading time as low as possible.

The plugin has full support for the new GF 2.5 markup and the 2.6 inline button feature, it even supports previous versions or the legacy markup. So don’t panic, you can use this plugin for all Gravity Forms versions. But it is recommended to use the new version with the new markup!

Gravity Forms fields and buttons are inherit Divi settings, so you can set the buttons look and feel.

There is NO OPTIONS OR SETTINGS PAGE for this plugin! It just works after activation. Divi settings may modify the look of the forms.

Responsive style for legacy markup

If you didn’t upgrade to GF 2.5 or still use legacy markup, the plugin adds responsive styles to your forms. So you can use complex forms, halves or thirds fields, your form will look great on mobile screens also.

Support for Extra by Elegant Themes

The plugin supports the Extra theme also, created by Elegant Themes. So you can use it to style your forms even with Extra theme.


You have to buy the Divi Theme and the Gravity Forms Plugin to use this plugin:


My plugins for Divi theme:

Do you want to contribute or help improving this plugin?

You can find it on GitHub:

You can find my other plugins and projects on GitHub:

Please feel free to contribute, help or recommend any new features for my plugins, themes and other projects.

Do you want to know more about me?

Visit my webpage:

Cài đặt

  1. Upload the surbma-divi-gravity-forms folder to the /wp-content/plugins/ directory.
  2. Activate the Surbma | Divi & Gravity Forms plugin through the ‘Plugins’ menu in WordPress.
  3. That’s it.

Hỏi đáp

Does it work with Extra theme from Elegant Themes?

Yes, it is working with Extra. To be honest, it is working with every other WordPress theme.

What does Surbma mean?

It is the reverse version of my last name. 😉

Đánh giá

10 Tháng Tư, 2019 1 reply
There is a reason that this plugin has only 5 star reviews. It's that good at just doing what it states, perfectly. If you have Divi and Gravity Forms, then this is pretty much a must-have.
25 Tháng Một, 2018 1 reply
That’s the first time in a while I’ve installed a plug-in and it’s just done exactly what was promised. Awesome. Many thanks.
8 Tháng Hai, 2017 1 reply
This plugin... works! Does exactly what it says and works flawlessly! So much so I donated a few the dev's way to say thanks! 🙂 You rock!!!!
1 Tháng Mười Hai, 2016 1 reply
Installed it and it worked perfectly. Just what I needed. I'll be using this on all divi + gravity forms sites I create.
Đọc tất cả 21 đánh giá

Người đóng góp & Lập trình viên

“Surbma | Divi & Gravity Forms” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

“Surbma | Divi & Gravity Forms” đã được dịch qua 1 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.

Dịch “Surbma | Divi & Gravity Forms” sang ngôn ngữ của bạn.

Muốn tham gia phát triển?

Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.

Nhật ký thay đổi


Release date: 2022-08-30


  • Custom css loads only on pages, where actually a Gravity Form is used.


Release date: 2022-08-30


  • Support for the new inline button feature, released in Gravity Forms 2.6 version.


Release date: 2021-10-27


  • Some minor fixes for description and validation messages for new and legacy markup.


Release date: 2021-10-26


  • Full support for new GF 2.5 markup.
  • Still support for legacy markup!


  • New markup main error message fix.
  • New markup error fields fix for input fields.
  • Fixes for Date & Time fields for new markup.


  • Tested with WordPress 5.8 version.
  • Tested with Divi 4.11 version.
  • Tested with Gravity Forms 2.5 version.


Release date: 2021-03-10


  • Every Divi settings are checked and default values are added correctly.


  • All CSS output are fixed.


  • Tested with WordPress 5.7 version.
  • Tested with Divi 4.9 version.
  • Tested with Gravity Forms 2.5 version.


Release date: 2020-10-06


  • Added version number to enqueue for better cache management.


  • Tested with WordPress 5.5 version.
  • Tested with Divi 4.6 version.


Release date: 2020-02-12


  • Fixed style for texarea with hidden label.


  • Fixed plugin names and links in description.


Release date: 2020-02-10

  • FIX – Missed version number dump.


Release date: 2020-02-10

  • TWEAK – Tested with WordPress 5.3 version.
  • TWEAK – Updated to use a new way to deploy it to repo.


  • FIX – Fields with hidden labels corrected, if fields have more columns.
  • FIX – Textarea field fix.
  • Tested with WordPress 5.2 version.
  • Tested with Divi 3.21 version.


  • FIX – Style fixes for footer widgets.
  • Tested with WordPress 5.1 version.
  • Tested with Divi 3.19 version.
  • Tested with Gravity Forms 2.4 version.
  • Simple versioning.


  • Minor changes in description.
  • Tested with WordPress 5.0 version.


  • Fix for required fields with error on desktop (GitHub issue #3).
  • Minor fix for required fields with error on mobile.


  • My new Divi plugin added to the description: Surbma – Divi Lightbox


  • Fix for fields with error on mobile (GitHub issue #1).
  • Fix for 16px padding for all fields on desktop (GitHub issue #2).
  • Tested with WordPress 4.8 version.


  • Removed some unnecessary css.
  • Tested with WordPress 4.7 version.


  • Fix to use the right font family and font weight for buttons.


  • Gravity Forms version changed some CSS styles, that are affected this plugin’s styling. This is now fixed.
  • Tested with WordPress 4.6 version.


  • Gravity Forms 2.0 has a new responsive styling included, so I have deleted almost every responsive CSS. The plugin’s CSS file is more lighter now. 🙂


  • Gravity Forms 2.0 compatible. Code is much more lighter, thanks to GF’s new styles.
  • Divi 2.7 compatible.
  • Added another check if Divi theme, Extra theme or Divi Page Builder plugin is activated on the website.


  • Fixed a duplicated character bug. (Reported by swamus)


  • From now on, this plugin is working with every theme. Not only with Divi, but Extra and all other themes. So if you want to add Divi style to your Gravity Forms, you can do it with any WordPress themes.
  • Fixed “Send Email” button on the “Save and Continue Later” page. (Reported by PthPndr)
  • Fixed Submit button’s style, when using multi-page form. (Reported by Tevya)
  • Tested with WordPress 4.5 version.


  • Fixed button text color setting. (Props Tevya)
  • Tested with WordPress 4.4 version.
  • Checked for PHP 7 compatibility.


  • Fixed an undefined variable. (Props Tevya)


  • Fix for submit button. (Props agiuliano)


  • Form buttons are now controlled by Divi’s Buttons Style options in the customizer. I have made it safe to update without loosing any styling, but please check your forms after updating the plugin! Especially if you have custom css for these buttons. Any feedback is welcome!
  • Fixed textdomain path for localization.
  • Minor code fixes.


  • Fixed responsive styling for Gravity Forms CSS Ready Classes. (Props Guilamu)


  • Tested with WordPress 4.2 version.
  • Fixed date and time fields.


  • Fixes in description.


  • Added links in the plugin description to my other plugins for Divi theme. Give them a try!


  • Changed description.


  • Responsive styles added! 🙂
  • Minor fixes in css.
  • Changed description.


  • Fix localization.


  • Prevent direct access to plugin’s file.
  • Check for Divi Theme and Gravity Forms plugin, if they already installed and activated.


  • Added Hungarian language.


  • Initial release.
  • First commit to the official WordPress repo.