How To Place Multiple 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.

Join subscribers on our YouTube channel and enjoy other Divi video tutorials!

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.

Last updated Nov 15, 2022 @ 7:18 pm


Each month we send out a roundup email newsletter with the latest tutorials, product updates, helpful resources, and any other industry or personal news. Occasionally we send an extra separate email here and there if we just can’t wait! So that’s what you will get if you subscribe, and you can always unsubscribe at any time if you just can’t take it anymore :)

Blog Post Optin

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy


  1. marcospolyart

    What if I want to display a Divi button beside a module? (because I added a button from a plugin to display a restaurant menu. So they provide the code that creates a button)

  2. Bogdan

    How can I get it centered?

    • Hemant Gaba

      Please go to the Column Settings of the column where you have placed all the modules. Then go to the Advanced Tab > Custom CSS > Main Element and place the snippet given below:
      text-align: center;

      Let us know if that helps. 🙂

  3. Marc

    Hey thanks for the tutorials has always!

    As a humble feedback I wanted to say that your website is awful to scroll, I’m not sure what you did there but the scrolling experience on my end feels like I’m on a trippy journey. Scrolls very fast in weird steps. On both trackpad and logitek mouse (Mac OS 12, latest Chrome).

    • Hemant Gaba

      Hey Marc,

      Sometime it’s the internet that creates that issue but we are always open for the constructive feedbacks and will definitely try to improve the experience over time.


Submit a Comment

Your email address will not be published.

Recent Posts


Your Cart