All Collections
FAQ's and Troubleshooting
Adding Divi Modules Next To Each Other
Adding Divi Modules Next To Each Other

You will learn how to add modules inline without creating an additional column.

Karen avatar
Written by Karen
Updated over a week ago

Adding Divi modules next to each other is possible through a bit of custom CSS coding, please follow the steps below:

  1. Access one of the modules and go to the Advanced tab.

  2. Look for the Custom CSS option

  3. In the Main Element field, enter the following CSS code:

    display: inline-block;

By default, the modules will be closely aligned. To create some space between them, consider adjusting the margins of the Divi modules. You can do this by:

  1. Access the module in Settings > Advanced > Spacing.

  2. Adding a margin (e.g., left or right margin of 10px) to one of the modules.

Did this answer your question?