Code by Day | Explore By Weekend

How To Place Divi Dynamic Content Modules Side By Side Tutorial by Pee Aye Creative

How To Place Multiple Dynamic Content Modules Side By Side

This quick Divi Pro Tip will show you how to place dynamic content modules side by side in the same column with a simple and easy solution.

Add Any Dynamic Content Modules You Need

Start by adding all of the Divi modules you need. Select the desired dynamic content for each module. If you want to learn more about the Dynamic Content feature in Divi, please take a look at their blog. (For some reason they don’t have docs on that feature, so let me know if you want me to cover that in future tutorials).

Add The CSS To Each Module

Now for the trick that solves this issue. Go into one of the modules to the Advanced tab and open the Custom CSS toggle. Look for Main Element and type or paste the following CSS code:

display: inline-block;

Adjust The Spacing of The Modules

Now of course you can adjust the spacing, because by default they will smash right up against each other. I’d recommend going in to the module settings and adding a margin left or right of 10px to some of the modules.

42
Last updated Jan 3, 2021 @ 12:48 pm

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.
Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Recent Posts

Leave A Response!

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Divi Adventure Club Product And Course Membership by Pee Aye Creative

Become A Member!

Gain access to everything we offer!

Learn More

Divi Tutorials On YouTube

Join over 4,700 others and subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

0

Your Cart