Case Study: Divi with WP Smush and Hummingbird

Everyone wants a faster website. With Google using loading speed as one of the primary metrics for ranking in search results, the faster your website, the better. It also just makes for a better user experience. However, making sure that your site is running that...

How to Swap Your Divi Header for Another One on Scroll

Your header inevitably remains one of your website’s most important elements. It influences your visitors’ navigation process and allows them to find what they’re looking for in a heartbeat. Now, if you’re looking for a way to swap your Divi header on scroll with...

How to Synchronize Expanding Copy on Scroll with Divi

When the emphasis of a certain section is on the copy, it’s important to make sure the copy doesn’t go unnoticed. There are many techniques you can use to put your copy in the spotlight, but in this tutorial, we’ll show you how to synchronize expanding copy on scroll...

How to Animate Parallax Background Images with Divi’s Scroll Effects

Combining scroll effects with parallax background images can create quite a magical design for your visitors. Since the parallax effect already puts the image in motion as the user scrolls down the page, adding additional scroll effects (like horizontal motion and...

9 Nonprofit and Charity Divi Layout Packs

Divi is a great choice for building websites for nonprofit and charity organizations. Everything you need is built-in to design a site to show your causes, ask for volunteers, accept donations, and show your events. Fortunately, you don’t have to design the site from...

How to Tell Your About Story on Scroll with Divi

How to Tell Your About Story on Scroll with Divi Your about page is one of the most important pages on your website. It allows people to get to know you better and decide if they’re comfortable to take the next step. If you’re looking for a smooth way to include...

How to Create an Envelope Animation with Divi’s Scroll Effects

Envelope Animation with Divi’s Scroll Effects Every time a new Divi feature comes out, we try to share some cool and useful tutorials that’ll help you think outside the box and get creative with Divi. Today’s tutorial does exactly that. We’ll show you how you can...

Divi Mega Pro 1.8 is Here! See What’s New! 😍

Divi Mega Pro 1.8 is Here with Dozens of Fixes & Enhancements! 🥳 Divi Mega Pro 1.8 has a lot of behind the scenes fixes and enhancements to make using the plugin much easier and smoother. The most noticeable enhancements though can be scene on mobile! Read the...

Blogging Trends for 2020 You Should Know About

When looking at blogging trends for upcoming years, it’s more about seeing what things will continue to be important rather than adopting completely new things. Blogging trends are more about knowing what works and improving upon those things. In this article, we’ll...

How to Create a Dynamic HTML Sitemap Page in Divi

An HTML sitemap page can be useful for users looking to navigate your Divi site from a panoramic view. Basically, an HTML sitemap (like the name suggests) is a map of your site in HTML. The sitemap page usually contains an organized list of links to all the relevant...

How to Create a Reusable Divi Layout Block for Gutenburg Blog Posts

The Divi Layout Block continues to be a useful ugrade to the Divi Theme, allowing us to add any Divi Layout to a blog post within the Gutenberg editor. We can even convert a Divi Layout Block into a reusable block in Gutenberg just like any other WordPress block. This...

How to Include a Summary Box Divi Layout Block in Your Gutenberg Post

Creating valuable blog posts takes time and effort. Besides finding the best topics to write about in your niche, it’s also important to keep readers engaged and allow them to find the information they’re looking for quickly. Now, a good way to approach this kind of...

How to Create a Fixed Header with Divi’s Position Options

With Divi’s new position options, turning your header into a fixed one is easier than ever. With just a few clicks, you can turn your static custom-built header into a fixed one that follows your visitors throughout their stay on your website. In this tutorial, we’ll...

How to Create Gradient Background Animation in Divi (2 Ways)

Gradient background animation can be a beautiful design technique for making background colors come to life on your website. It is a perfect solution for those who want something more lifelike than a static background color without having to resort to slow-loading...

How to Add a Divi Email Optin to Your Gutenburg Blog Post

The Divi Layout Block opens the door for many convenient ways to bring the powerful design features of the Divi Builder to WordPress’s default block editor (Gutenberg). This allows you to write the bulk of your blog post content using the familiar Gutenberg block...

Divi Design Showcase: New Submissions from January 2020

It’s that time again for our monthly Divi Showcase, where we take a look at ten awesome Divi websites made by our community members. Each month we showcase the best Divi websites that were submitted from our community and today we want to share with you the top ten...

Get a FREE Dry Cleaning Layout Pack for Divi

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative where each week, we give away brand new, free Divi Layout Packs from our design team to you. This time around, Kenny and his team have created a professional Dry...

How to Add CSS Text Block Animations to Your Headline with Divi

Your headline is one of your homepage’s most important parts. It’s usually the first piece of copy people read which makes it their first impression. Like any other first impression, you want it to be a good one. Now, if you’re looking for a creative way to showcase...

How to Change The Divi Shop Module’s Mobile Column Breakpoint

By default, as soon as you switch over to a mobile device, the shop module turns into a one-column layout. Now, if you’re looking to highlight each product individually, that’s great, but with the bigger smartphone screen sizes nowadays, you might want to allow two...

WP Optin Wheel – Product Hunt

WP Optin Wheel is a gamified list-building tool for WordPress, with WooCommerce coupon integration. Give your visitors a chance to win a prize (coupon or product) by turning the wheel of fortune, in return for their email address. Sent from my Samsung Galaxy...

How to Properly Delete All WooCommerce Products – King Rosales

There may come a time when you may need to remove all the products in your WooCommerce powered ecommerce website. There’s just no easy way to do this natively in WooCommerce. I needed to do it because I changed the my product data XML file I was using to import into...

Divi builder timeout warning

https://www.siteground.com/kb/divi-builder-timeout-warning/ Sent from my Samsung Galaxy smartphone.

Divi BodyCommerce – Divi Engine

Divi BodyCommerce is a plugin that tackles the hard or awkward tasks when building a Woocommerce website with the Divi Theme. It can be seen as a all-in-one plugin for Woocommerce, a swiss army knife. The main features of BodyCommerce are: – Customise the Woocommerce...

Divi Display Logic

This revolutionary new plugin allows you to add logic to be used with any divi element element (module, section, row). The system works using shortcodes however, there are a number of pre-set examples and a polished interface to make using this plugin very easy...

Styling Caldera Forms With Divi Just Got Even Easier – Caldera Forms

Caldera Forms Style Customizer for Divi & Extra gives you total control over the look of your forms — all from the customizer, no CSS required. It’s a new Caldera Forms 3rd-party add-on and it’s available today. This add-on was developed by Caldera Forms and Divi...

29 Must-Have Cheat Sheets for Web Designers

this collection of 29 must-have cheat sheets for web designers has got you covered. With everything from CSS&HTML to Sketch and Photoshop cheat sheets, you can save yourself a lot of time googling later and just bookmark this page 29 Must-Have Cheat Sheets for Web...

Two Line Toggles and Buttons in Divi | Divi Soup

Last week I was helping out a member of my Facebook Group with creating two lines of text in the Toggle module. As you may know, the title fields of the Divi modules don’t support HTML, therefore getting two lines of text is close to impossible without JavaScript. But...

Vertically Center Text or Other Modules in a Row – Divi Notes

Wouldn’t it be nice if there was a quick and easy way to vertically align a Divi Text Module or any other module for that matter in the row that it’s in? Well, many folk would do this with the Divider module or with padding, but in this tutorial, I’ll show you how to...

Divi Font Awesome

Divi Font AwesomeAdd font awesome icons natively in Divi builder Divi Font Awesome Sent from my Samsung Galaxy...

Divi Plugin List With Descriptions – Divi Theme Resources

Divi Plugin Index Divi Plugin IndexA Simple List of Plugins Built Specifically for Divi Divi Plugins Divi Community Favorites: Divi Booster – makes customizing Divi a breeze Aspen Footer Editor – easily edit your Divi website’s footer information Divi Builder...

Divi Plugins | WordPress Plugins for Elegant Themes Divi

Our Divi Plugins are custom WordPress plugins developed specifically for the Divi theme by Elegant Themes, extending the functionality and features of the Divi theme. Divi Plugins are also easy to use. Simply install one of our plugins and you’ll find new modules...