Surbma

CherryPick Studios

<blockquote>
<p>TESTED WITH GRAVITY FORMS 2.6 & SUPPORT FOR LEGACY MARKUP! YES, REALLY! 🙂</p>
</blockquote>
<p>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.</p>
<p>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!</p>
<p>Gravity Forms fields and buttons are inherit Divi settings, so you can set the buttons look and feel.</p>
<p>There is NO OPTIONS OR SETTINGS PAGE for this plugin! It just works after activation. Divi settings may modify the look of the forms.</p>
<h3>Responsive style for legacy markup</h3>
<p>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.</p>
<h3>Support for Extra by Elegant Themes</h3>
<p>The plugin supports the Extra theme also, created by Elegant Themes. So you can use it to style your forms even with Extra theme.</p>
<h3>Requirements</h3>
<p>You have to buy the Divi Theme and the Gravity Forms Plugin to use this plugin:</p>
<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>
<p><strong>My plugins for Divi theme:</strong></p>
<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>
<p><strong>Do you want to contribute or help improving this plugin?</strong></p>
<p>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></p>
<p><strong>You can find my other plugins and projects on GitHub:</strong></p>
<p><a href="https://github.com/Surbma" rel="nofollow ugc">https://github.com/Surbma</a></p>
<p>Please feel free to contribute, help or recommend any new features for my plugins, themes and other projects.</p>
<p><strong>Do you want to know more about me?</strong></p>
<p>Visit my webpage: <a href="https://surbma.com/" rel="nofollow ugc">Surbma.com</a></p>


Surbma | Divi & Gravity Forms

Responsive Divi form styles for Gravity Forms.

PlugPress

Fahim Reza

WPPaw

DiviEpic

Divi Torque

<p>Enhance your Divi page-building experience with 20+ free modules. Supercharge your website builder with user-friendly pro Divi modules and features like the Divi Popup Builder, Divi Mega Menu, and Divi Dark Mode, Divi Contact Form Submission, and more.</p>
<p><a href="https://divitorque.com/features/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-features" rel=" nofollow ugc">Demos</a> | <a href="https://divitorque.com/pricing/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-pro" rel=" nofollow ugc">Pro Version</a></p>
<h3>Fully Customizable</h3>
<p>Every Divi module and extension offers extensive options to customize your website exactly how you envision it. Create nearly any design you can imagine.</p>
<h3>Lightweight & Fast Loading</h3>
<p>No extra bloat or messy code to slow down your website. Our modules are optimized for fast loading and seamless live editing.</p>
<h3>Module Manager</h3>
<p>Easily enable or disable individual Divi modules to enhance page speed and performance. Deactivate unnecessary modules to keep your site lean and efficient.</p>
<h3>Expert Support</h3>
<p>Our extraordinary support team is always ready to assist you. Ask your questions in the support forum or reach out directly through live chat or the contact form.</p>
<h3><a href="https://www.elegantthemes.com/gallery/divi/" rel="nofollow ugc">Divi Theme</a> or <a href="https://www.elegantthemes.com/gallery/divi/" rel="nofollow ugc">Divi Builder</a> is required for this plugin.</h3>
<h3>25+ FREE DIVI MODULES AND COUNTING</h3>
<p>We’ve crafted over 25 of the most powerful widgets to enhance your Divi page-building experience and help you reach new heights in your design capabilities.</p>
<ol>
<li><a href="https://divitorque.com/features/icon-box" rel="nofollow ugc">Icon Box</a> – Merge icons and text harmoniously with the Divi Icon Box, illustrating concepts or services in a visually appealing and informative manner.</li>
<li><a href="https://divitorque.com/features/contact-form-7" rel="nofollow ugc">Contact Form 7 Styler</a> – Seamlessly integrate the popular Contact Form 7 plugin with the Divi Contact Form 7 module, facilitating easy and efficient communication for users.</li>
<li><a href="https://divitorque.com/features/separator" rel="nofollow ugc">Separator</a> – Use the Separator module to add clear and customizable dividers between sections, enhancing your site’s structure and readability.</li>
<li><a href="https://divitorque.com/features/skill-bar" rel="nofollow ugc">Skill Bar</a> – Showcase skills and competencies with the Skill Bar module, featuring animated bars that visually represent proficiency levels.</li>
<li><a href="https://divitorque.com/features/logo-grid" rel="nofollow ugc">Divi Logo Grid</a> – Present a clean and organized collection of logos with the Logo Grid module, ideal for highlighting clients, partners, or sponsors professionally.</li>
<li><a href="https://divitorque.com/features/person" rel="nofollow ugc">Person</a> – Use the Person module to showcase team members or individual profiles, complete with photos, biographies, and social media links.</li>
<li><a href="https://divitorque.com/features/testimonial" rel="nofollow ugc">Testimonial</a> – The Testimonial module lets you easily add testimonial blocks to your website. Use these sections to showcase client, customer, or user feedback, reviews, or quotes.</li>
<li><a href="https://divitorque.com/features/info-box" rel="nofollow ugc">Info Box</a> – The Info Box module is perfect for highlighting important information with customizable boxes, combining text and icons for clear communication.</li>
<li><a href="https://divitorque.com/features/info-card" rel="nofollow ugc">Info Card</a> – Similar to the Info Box, the Info Card module lets you present key details in an engaging card format, enhancing your content’s visual appeal.</li>
<li><a href="https://divitorque.com/features/dual-button" rel="nofollow ugc">Dual Button</a> – Enhance your call-to-action with the Dual Button module, offering two interactive buttons that guide users towards different actions.</li>
<li><a href="https://divitorque.com/features/before-after-slider" rel="nofollow ugc">Before & After Slider</a> – Enable users to compare two images with the Before & After Slider module effortlessly. Featuring an interactive slider, it’s perfect for highlighting transformations or contrasts.</li>
<li><a href="https://divitorque.com/features/image-carousel" rel="nofollow ugc">Image Carousel</a> – Enhance your website’s design with the Image Carousel module. Select beautiful photos and customize slider options to create the perfect image carousel for your site.</li>
<li><a href="https://divitorque.com/features/logo-carousel" rel="nofollow ugc">Logo Carousel</a> – Elegantly showcase client or partner logos with the Divi Logo Carousel, displaying your affiliations and enhancing your credibility.</li>
<li><a href="https://divitorque.com/features/number" rel="nofollow ugc">Number</a> – Use the Number module to highlight statistics or key figures, making important numbers stand out on your site.</li>
<li><a href="https://divitorque.com/features/video-modal" rel="nofollow ugc">Video Modal</a> – Embed videos with the Divi Video Modal, offering a sleek and responsive viewing experience that harmoniously integrates with your site’s aesthetic.</li>
<li><a href="https://divitorque.com/features/scroll-image" rel="nofollow ugc">Scroll Image</a> – Integrate vertical or horizontal scrolling images with the Divi Image Scroll, adding depth and intrigue to your site while uniquely presenting your content.</li>
<li><a href="https://divitorque.com/features/news-ticker" rel="nofollow ugc">News Ticker</a> – Keep your audience informed with the News Ticker module, displaying real-time updates or important announcements.</li>
<li><a href="https://divitorque.com/features/post-list" rel="nofollow ugc">Post List</a> – Organize and display blog posts or articles in a list format, enhancing content navigation and accessibility.</li>
<li><a href="https://divitorque.com/features/review-box" rel="nofollow ugc">Review Box</a> – Showcase customer feedback using the Divi Review Box, highlighting testimonials that build trust and credibility for your brand in a visually appealing manner.</li>
<li><a href="https://divitorque.com/features/flip-card" rel="nofollow ugc">Flip Card</a> – Show images and text cards that flip to reveal additional content on the other side when clicked.</li>
<li><a href="https://divitorque.com/features/animated-text" rel="nofollow ugc">Animated Text</a> – Capture attention with the Animated Text module, which allows you to create dynamic and engaging text animations.</li>
<li><a href="https://divitorque.com/features/business-hours" rel="nofollow ugc">Business Hours</a> – Display your business’s hours and opening times with the Opening Hours module.</li>
<li><a href="https://divitorque.com/features/gradient-heading" rel="nofollow ugc">Gradient Heading</a> – The Divi Gradient Heading adds a vibrant touch to your text, utilizing stunning gradient effects to draw attention and enhance visual appeal.</li>
<li><a href="https://divitorque.com/features/inline-notice" rel="nofollow ugc">Inline Notice</a> – The Inline Notice module is a simple Divi module that helps you highlight important notes. Its ready-to-use box lets you quickly add text. You can customize the look with layouts, colors, and typography options.</li>
</ol>
<h3>More modules (50+) on <a href="https://divitorque.com/pricing/" rel="nofollow ugc">Premium Version</a></h3>
<ol>
<li><a href="https://divitorque.com/features/image-zoom" rel="nofollow ugc">Image Zoom</a> – Add interactive zoom effects to images, enhancing engagement on your website.</li>
<li><a href="https://divitorque.com/features/related-posts" rel="nofollow ugc">Related Posts</a> – Display related posts to keep visitors engaged with similar content.</li>
<li><a href="https://divitorque.com/features/masonry-gallery" rel="nofollow ugc">Masonry Gallery</a> – Showcase images in a beautiful, organized masonry layout.</li>
<li><a href="https://divitorque.com/features/ajax-search" rel="nofollow ugc">Ajax Search</a> – Enable fast, live search results to improve user experience.</li>
<li><a href="https://divitorque.com/features/post-carousel" rel="nofollow ugc">Post Carousel</a> – Highlight posts in a dynamic carousel slider.</li>
<li><a href="https://divitorque.com/features/post-grid" rel="nofollow ugc">Post Grid</a> – Display posts in a versatile grid layout for easy navigation.</li>
<li><a href="https://divitorque.com/features/lottie-animation" rel="nofollow ugc">Lottie Animation</a> – Bring your website to life with interactive Lottie animations.</li>
<li><a href="https://divitorque.com/features/whatsapp-chat" rel="nofollow ugc">WhatsApp Chat</a> – Add a WhatsApp chat button to connect with visitors directly.</li>
<li><a href="https://divitorque.com/features/video-modal" rel="nofollow ugc">Video Modal</a> – Open videos in sleek, interactive modals for better presentation.</li>
<li><a href="https://divitorque.com/features/timeline" rel="nofollow ugc">Timeline</a> – Visually represent events or steps in an organized timeline.</li>
<li><a href="https://divitorque.com/features/testimonials" rel="nofollow ugc">Testimonials</a> – Display customer testimonials to build trust and credibility.</li>
<li><a href="https://divitorque.com/features/telegram-chat" rel="nofollow ugc">Telegram Chat</a> – Allow visitors to connect through Telegram directly from your website.</li>
<li><a href="https://divitorque.com/features/team-module" rel="nofollow ugc">Team Module</a> – Introduce your team members with beautifully designed profiles.</li>
<li><a href="https://divitorque.com/features/stats-grid" rel="nofollow ugc">Stats Grid</a> – Display key statistics with visual flair to capture visitor interest.</li>
<li><a href="https://divitorque.com/features/star-rating" rel="nofollow ugc">Star Rating</a> – Let users rate products or services using star-based reviews.</li>
<li><a href="https://divitorque.com/features/social-share" rel="nofollow ugc">Social Share</a> – Enable visitors to easily share your content across social media.</li>
<li><a href="https://divitorque.com/features/review-card" rel="nofollow ugc">Review Card</a> – Showcase customer reviews in a visually appealing card layout.</li>
<li><a href="https://divitorque.com/features/restro-menu" rel="nofollow ugc">Restro Menu</a> – Create a restaurant menu that is easy to navigate and visually appealing.</li>
<li><a href="https://divitorque.com/features/progress-bar" rel="nofollow ugc">Progress Bar</a> – Show progress on projects, achievements, or skills with visual bars.</li>
<li><a href="https://divitorque.com/features/pricing-table" rel="nofollow ugc">Pricing Table</a> – Present your pricing plans in a clear, easy-to-read table format.</li>
<li><a href="https://divitorque.com/features/logo-list" rel="nofollow ugc">Logo List</a> – Display logos to highlight clients, partners, or features.</li>
<li><a href="https://divitorque.com/features/logo-carousel" rel="nofollow ugc">Logo Carousel</a> – Showcase logos in a dynamic, rotating carousel.</li>
<li><a href="https://divitorque.com/features/instagram-chat" rel="nofollow ugc">Instagram Chat</a> – Connect visitors to your Instagram through an easy chat link.</li>
<li><a href="https://divitorque.com/features/inline-svg" rel="nofollow ugc">Inline SVG</a> – Add scalable vector graphics to your site for high-quality visuals.</li>
<li><a href="https://divitorque.com/features/info-card" rel="nofollow ugc">Info Card</a> – Present information attractively with interactive info cards.</li>
<li><a href="https://divitorque.com/features/image-scroll" rel="nofollow ugc">Image Scroll</a> – Add a smooth scrolling effect to images to captivate users.</li>
<li><a href="https://divitorque.com/features/image-hotspots" rel="nofollow ugc">Image Hotspots</a> – Highlight key areas on an image with interactive hotspots.</li>
<li><a href="https://divitorque.com/features/icon-list" rel="nofollow ugc">Icon List</a> – Create lists with visually appealing icons for easy readability.</li>
<li><a href="https://divitorque.com/features/icon-box" rel="nofollow ugc">Icon Box</a> – Showcase features or services using icons in stylish boxes.</li>
<li><a href="https://divitorque.com/features/horizontal-timeline" rel="nofollow ugc">Horizontal Timeline</a> – Display events or milestones in a horizontal timeline format.</li>
<li><a href="https://divitorque.com/features/heading" rel="nofollow ugc">Heading</a> – Customize headings with unique styles to make your text stand out.</li>
<li><a href="https://divitorque.com/features/gravity-forms" rel="nofollow ugc">Gravity Forms</a> – Integrate and style Gravity Forms for seamless use on your site.</li>
<li><a href="https://divitorque.com/features/gradient-heading" rel="nofollow ugc">Gradient Heading</a> – Add gradient colors to headings for a striking visual effect.</li>
<li><a href="https://divitorque.com/features/fluent-forms" rel="nofollow ugc">Fluent Forms</a> – Integrate Fluent Forms for easy data collection.</li>
<li><a href="https://divitorque.com/features/flip-box" rel="nofollow ugc">Flip Box</a> – Add interactive flip boxes for an engaging way to display content.</li>
<li><a href="https://divitorque.com/features/filterable-gallery" rel="nofollow ugc">Divi Filterable Gallery</a> – Showcase images in a gallery with filtering options.</li>
<li><a href="https://divitorque.com/features/divider" rel="nofollow ugc">Divider</a> – Separate content elegantly with customizable dividers.</li>
<li><a href="https://divitorque.com/features/countdown" rel="nofollow ugc">Countdown</a> – Add countdown timers to create urgency for events or promotions.</li>
<li><a href="https://divitorque.com/features/content-toggle" rel="nofollow ugc">Content Toggle</a> – Allow users to switch between different content with toggles.</li>
<li><a href="https://divitorque.com/features/contact-form-7" rel="nofollow ugc">Contact Form 7</a> – Integrate and style Contact Form 7 for seamless form handling.</li>
<li><a href="https://divitorque.com/features/before-after-slider" rel="nofollow ugc">Before & After Slider</a> – Compare images with a slider that reveals before/after views.</li>
<li><a href="https://divitorque.com/features/checkmark-list" rel="nofollow ugc">Checkmark List</a> – Use checkmark icons to make lists visually clear and easy to understand.</li>
<li><a href="https://divitorque.com/features/carousel-module" rel="nofollow ugc">Carousel Module</a> – Display content dynamically in a customizable carousel.</li>
<li><a href="https://divitorque.com/features/business-hours" rel="nofollow ugc">Business Hours</a> – Show your business hours in an attractive, clear format.</li>
<li><a href="https://divitorque.com/features/blurb-module" rel="nofollow ugc">Blurb Module</a> – Present content with an icon, image, and text to make it visually appealing.</li>
<li><a href="https://divitorque.com/features/basic-list" rel="nofollow ugc">Basic List</a> – Create clean, simple lists to present information effectively.</li>
<li><a href="https://divitorque.com/features/inline-notice" rel="nofollow ugc">Inline Notice</a> – Add inline notices to grab attention for important messages.</li>
<li><a href="https://divitorque.com/features/instagram-feed" rel="nofollow ugc">Instagram Feed</a> – Showcase your latest Instagram posts directly on your website.</li>
<li><a href="https://divitorque.com/features/image-slider" rel="nofollow ugc">Image Slider</a> – Slide images in a beautiful marquee slider.</li>
</ol>
<h3>SUPPORT THAT CARES! ⛑️</h3>
<p>We know you want a good product with strong support. We’re here to answer your questions and help you use our plugin effectively.</p>
<p><a href="https://divitorque.com/contact-us/?utm_campaign=lite-readme&utm_source=wp.org&utm_medium=textlink-contact" rel="nofollow ugc">Need help? We are just a click away!</a></p>
<h3>CONNECT WITH OUR TEAM AND COMMUNITY 🌐</h3>
<ul>
<li><a href="https://x.com/PlugPressHQ" rel="nofollow ugc">Follow PlugPressHQ on X</a></li>
</ul>


Divi Torque Lite – Divi Theme, Divi Builder & Extra Theme


Brilliant free plugin. Video popup works great



Despite not having "Pro version" modules enabled or utilized, the free version of the plugin loads "Pro version" only module's assets, adding bloat to the site. Not only that, but it also loads the unminified .js file rather than the (sitting there ready and available to use) .min.js file. This causes a performance score hit that needs to be chased down by developers when the site owner complains that their site is scoring poorly in tests they've run. If I haven't paid for the "Pro Version" Pop ups module then why is the unminified version of "Magnific Pop Up" being loaded?


Performance score hit.

The Divi Torque plugin you install after Divi builder! Packed with 70+ stunning modules like Post Grid, Filterable Gallery, Google Reviews, and more.

Surbma | Divi & Gravity Forms vs Divi Torque Lite – Divi Theme, Divi Builder & Extra Theme