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

The Divi Breadcrumbs plugin enhances your website by adding a customizable Breadcrumbs module to the Divi Builder. Breadcrumbs improve user experience by providing a clear navigational path, helping visitors understand their location within your site and easily backtrack to previous sections.
Features
<ul>
<li>Visual Builder Supported: Enjoy seamless integration with Divi’s Visual Builder. You can drag and drop the Breadcrumbs module into your layout.</li>
<li>Customizable Home Text: Define your own text for the home link in the breadcrumbs, offering more flexibility in how you label the starting point.</li>
<li>Before Text Option: Add a custom text that appears before the breadcrumbs, providing additional context to your breadcrumbs.</li>
<li>Icon Options: Choose from Divi’s icon library to use as the separator between breadcrumb links. You can also add a custom icon before the breadcrumbs to further personalize their appearance.</li>
<li>Custom Home Link: If you need to link the home breadcrumb to a custom URL, this option allows you to do so.</li>
<li>Color Customization: Tailor the colors of your breadcrumbs to align with your site’s design:
<ul>
<li>Link Color: Set a custom color for breadcrumb links and define a different color for the hover state, ensuring your breadcrumbs.</li>
<li>Separator Color: Customize the color of the separator icon.</li>
<li>Current Text Color: Specify a color for the text of the current page, helping users easily identify their current location.</li>
</ul>
</li>
</ul>
For a live demonstration and to see the Breadcrumbs module in action, visit <a href="https://www.learnhowwp.com/divi-breadcrumbs-module/" rel="nofollow ugc">Breadcrumbs Demo Page</a>.
The content generated in the Visual Builder is only for preview. Part of the Breadcrumbs in the Visual Builder is dummy data but don’t worry you will see the correct breadcrumbs on the front end after you exit the builder.
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/menu-cart-divi/" rel="ugc">Divi Menu Cart Module</a></li>
<li><a href="https://wordpress.org/plugins/flip-cards-module-divi/" rel="ugc">Divi Flip Cards 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/image-carousel-divi/" rel="ugc">Divi Image Carousel</a></li>
</ul>
If you have any questions or feature ideas please create a new thread in Support.

Breadcrumbs Divi Module

A simple lightweight plugin that adds a breadcrumbs module in the Divi theme.

Surbma | Divi & Gravity Forms vs Breadcrumbs Divi Module