Divi Resources

Changing the Number of Columns in the Divi Gallery Module at Different Breakpoints

The Divi Gallery Module allows you to create beautiful image gallery in a responsive grid layout. The gallery is considered responsive because it will scale the size of your images and adjust the number of columns in the grid according to different browser widths. By default, the gallery module has three breakpoints (points where the […]

The post Changing the Number of Columns in the Divi Gallery Module at Different Breakpoints appeared first on Elegant Themes Blog.

Read More

How to Create Mobile-First Designs with Divi

Many websites get tons of visitors from mobile devices. This leads to the question of whether or not your designs are sufficiently optimized for smaller screen sizes. With Divi, a design that is built for a desktop experience ends up being instantly responsive as well. But just because something is responsive doesn’t mean it’s optimized […]

The post How to Create Mobile-First Designs with Divi appeared first on Elegant Themes Blog.


Using the Divi Gallery Module to Create an Image Gallery with Custom Spacing

Divi’s gallery module allows you to create a beautiful gallery of images in a grid layout with little effort. And, perhaps the most important design element of a grid is spacing. With Divi, you can adjust the gutter width to control the spacing between grid items (or images). However, even with four gutter width values […]

The post Using the Divi Gallery Module to Create an Image Gallery with Custom Spacing appeared first on Elegant Themes Blog.


7 Tips for Using Divi Quick Actions when Building a Website

Divi Quick Actions can be a valuable asset to your design workflow. Quick Actions make it easy to find anything you need and perform Divi Builder tasks from one convenient location. And as the name suggests, you can perform actions quickly, which definitely improves the efficiency of designing a website in Divi. In this tutorial, […]

The post 7 Tips for Using Divi Quick Actions when Building a Website appeared first on Elegant Themes Blog.


Get a FREE Risk Management 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 two brand new, free Divi Layout Packs from our design team to you. This time around, Kenny and his team have created a stunning risk management layout pack that holds a modern […]

The post Get a FREE Risk Management Layout Pack for Divi appeared first on Elegant Themes Blog.


Using Hover Text Shadows to Create Interactive Content with Divi

Making your website stand out from similar websites can be hard but once you manage to do it, it’s almost always worth the effort and thought that has been put into it. To help you get inspired, we’re going to show you how to create interactive content when building websites with Divi. The example that […]

The post Using Hover Text Shadows to Create Interactive Content with Divi appeared first on Elegant Themes Blog.


Divi Plugin Highlight: Divi Carousel Module

DIVI Carousel Module is a third-party plugin for Divi and Extra that adds an advanced carousel slider to the Divi Builder. You have control of almost everything in the module to create just about any type of carousel you need for your Divi or Extra website. In this article, we’ll take a look at Divi […]

The post Divi Plugin Highlight: Divi Carousel Module appeared first on Elegant Themes Blog.


How to Reveal Column Content on Hover with Divi (Free Download!)

In one of the latest Divi posts, we’ve shown you how to make hidden row content appear on hover. Today, we’ll show you how to use the same type of approach to reveal column content instead. The approach we’ll handle is similar and will allow you to create all kinds of designs that have a […]

The post How to Reveal Column Content on Hover with Divi (Free Download!) appeared first on Elegant Themes Blog.


How to Create an Image Gallery that Changes from Black-and-White to Color with Divi’s Gallery Module

Image galleries continue to be a popular feature for websites. And with Divi, adding a beautiful and responsive image gallery to your website almost too easy. This leaves some extra time to consider ways to make those images standout. One simple way to make your images pop is to start with a black-and-white version of […]

The post How to Create an Image Gallery that Changes from Black-and-White to Color with Divi’s Gallery Module appeared first on Elegant Themes Blog.


6 Microinteractions That Will Make Your Divi Site More Enjoyable (Tutorial + Free Download)

Microinteractions are a great way to enhance user experience as they interact with your site. Slight animations of icons, buttons, or images can cue the user to take action in a fun and purposeful way. There are countless microinteractions you can include on your site, but a good rule of thumb is to keep them […]

The post 6 Microinteractions That Will Make Your Divi Site More Enjoyable (Tutorial + Free Download) appeared first on Elegant Themes Blog.