Stack Any Divi Module Side By Side

Can you stack any Divi module side by side? Yes! I’ll show you how to find what you need to stack any module. This tutorial uses text modules, but it works great for the Icon module as well.

Here is the CSS featured in the video. You can rename the class anything you want to as long as you place it on the row class as well.

CSS FOR STACKING TEXT MODULES

.text_inline .et_pb_text {
    display: inline-block;
    margin: 0 10px;
}

CSS FOR STACKING ICON MODULES

.icon_inline .et_pb_icon {
    display: inline-block;
    margin: 0 10px;

}

CSS FOR STACKING BLURB MODULES

.blurb_inline .et_pb_blurb {
    display: inline-block;
    margin: 0 10px;
}

CSS FOR STACKING IMAGE MODULES

.image_inline .et_pb_image {
    display: inline-block;
    margin: 0 10px;
}

To center align any module in a single column row, place the CSS below to the main element of the row.

text-align: center !important;

Looking to build a website and not sure where to start?

Get my FREE Building a Website: Getting Started Checklist to learn how to plan and build your site.
Click For Download
💻 Programs & Services Mentioned in Video
Divi // Elegant Themes
WordPress

 

 ⭐️ EXTRA RESOURCES ⭐️

✅ Need help coming up with headlines for your creative content?
Get my FREE guide Ten Simple Formulas To Write Better Headlines to help you craft the perfect headlines for your emails.

 

✅ Looking to build a website?
Get my FREE Building a Website Checklist for tips on laying out and creating your site.

👉 Check Out My Recommended Website Design Resources:
Flywheel Web Hosting
Divi // Elegant Themes

 

Disclosure: Some of the links in this post are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission.
Divi WordPress Theme