Surbma

CherryPick Studios

<blockquote>
TESTED WITH GRAVITY FORMS 2.6 & SUPPORT FOR LEGACY MARKUP! YES, REALLY! 🙂
</blockquote>
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.
<h3>Responsive style for legacy markup</h3>
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.
<h3>Support for Extra by Elegant Themes</h3>
The plugin supports the Extra theme also, created by Elegant Themes. So you can use it to style your forms even with Extra theme.
<h3>Requirements</h3>
You have to buy the Divi Theme and the Gravity Forms Plugin to use this plugin:
<ul>
<li><a href="https://surbma.com/go/elegantthemes/" rel="nofollow ugc">Divi by Elegant Themes</a> (affiliate link)</li>
<li><a href="https://surbma.com/go/gravityforms/" rel="nofollow ugc">Gravity Forms</a> (affiliate link)</li>
</ul>
<h3>Info</h3>
My plugins for Divi theme:
<ul>
<li><a href="https://wordpress.org/plugins/surbma-divi-gravity-forms/" rel="ugc">Surbma | Divi & Gravity Forms</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-extras/" rel="ugc">Surbma | Divi Extras</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-lightbox/" rel="ugc">Surbma | Divi Lightbox</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-project-shortcodes/" rel="ugc">Surbma | Divi Project Shortcodes</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-remove-project-cpt/" rel="ugc">Surbma | Divi Remove Project CPT</a></li>
</ul>
Do you want to contribute or help improving this plugin?
You can find it on GitHub: <a href="https://github.com/Surbma/surbma-divi-gravity-forms" rel="nofollow ugc">https://github.com/Surbma/surbma-divi-gravity-forms</a>
You can find my other plugins and projects on GitHub:
<a href="https://github.com/Surbma" rel="nofollow ugc">https://github.com/Surbma</a>
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: <a href="https://surbma.com/" rel="nofollow ugc">Surbma.com</a>

Surbma | Divi & Gravity Forms

Responsive Divi form styles for Gravity Forms.

learnhowwp

This plugin adds a Flip Cards module to the Divi Builder. Once activated, the Flip Cards module appears in your module list, allowing you to create engaging flip cards anywhere in your Divi layouts. Customize the flip animation with four directional options—Up, Down, Left, or Right and enhance the visual experience with a 3D flip effect that gives text a floating appearance above the background. The plugin is fully compatible with the Visual Builder and offers extensive customization options for both the front and back of the cards.
In addition to text and image customization, the plugin enables you to add a button on the backside of the flip card, making it interactive and functional. Adjust icons, fonts, and background colors to match your site’s design, and fine-tune the animation’s duration and easing for a smooth, captivating effect. Tailor every aspect of the flip cards to create a more personalized and engaging user experience.
Features
<ul>
<li>Flip Direction: Choose from various flip directions—up, down, left, or right—to control how the flip card rotates.</li>
<li>Icon and Image Options:: Choose between displaying an icon or an image on both the front and back of the flip cards.</li>
<li>3D Flip Effect: Enable a 3D effect that makes text appear to float above the background during the flip animation, adding depth.</li>
<li>Customizable Text: Easily set different titles and body text for the front and back sides of the flip cards.</li>
<li>Icon Customization: Adjust the icon’s font size and color to match your site’s design.</li>
<li>Font Customization: Customize the fonts for different elements of the flip cards. You can set distinct fonts for the front of the flip card and the back of the flip card for a highly personalized appearance.</li>
<li>Button Customization: Add a call-to-action button to the backside of your flip cards. This feature allows you to set custom text and link for the button. You can also style the button to match your site’s design.</li>
<li>Animation Customization: Customize the duration, and easing for smooth and engaging flip card animations.</li>
<li>Background Customization: Customize the background color for the front and the back sides of the flip cards.</li>
</ul>
Useful Links for the Plugin
<a href="https://www.learnhowwp.com/divi-flip-cards-plugin" rel="nofollow ugc">Divi Flip Cards Demo</a> 
<a href="https://www.learnhowwp.com/add-flip-cards-divi/" rel="nofollow ugc">How to add flip cards in Divi</a>
More Free Divi Plugins
<ul>
<li><a href="https://wordpress.org/plugins/contact-form-db-divi/" rel="ugc">Divi Contact Form DB</a></li>
<li><a href="https://wordpress.org/plugins/post-carousel-divi/" rel="ugc">Divi Post Carousel Module</a></li>
<li><a href="https://wordpress.org/plugins/overlay-image-divi-module/" rel="ugc">Divi Overlay on Images Module</a></li>
<li><a href="https://wordpress.org/plugins/breadcrumbs-divi-module/" rel="ugc">Divi Breadcrumbs Module</a></li>
<li><a href="https://wordpress.org/plugins/menu-cart-divi/" rel="ugc">Divi Menu Cart</a></li>
<li><a href="https://wordpress.org/plugins/breadcrumbs-divi-module/" rel="ugc">Divi Breadcrumbs Module</a></li>
<li><a href="https://wordpress.org/plugins/image-carousel-divi/" rel="ugc">Divi Image Carousel</a></li>
</ul>

Flip Cards Module For Divi

A simple plugin that adds a flip cards module in the Divi builder.

Surbma | Divi & Gravity Forms vs Flip Cards Module For Divi