Here’s the divi default 3 images in one row.

Here’s the divi layout, added the images via text module.

Here’s our inline-image class added to text module, with 3 images on it.

Here’s the css code:


.inline-image img {
width: 33%;
display: inline-block;
margin: 0;
padding: 0;
float: left;
}

Instruction

Simply follow this 3 easy step. 1. Add a Text Module in any sections you desire. After adding, go to custom css of that Text Module and enter “inline-image” on Custom CSS. See Image 2. Add your images in the text module. Make sure that their is no space between them. 3. Add this css code in your Divi -> Theme Options and locate the css section or on any css plugin you used.

.inline-image img {
  width: 33%;
  display: inline-block;
  margin: 0;
  padding: 0;
  float: left;
}

 

If you want to have a 4 image in this section, make sure to change the width to 25%.