Adjusting the margins between posts in Divi’s Blog Module can improve the visual layout and readability of your blog.
Customizing these margins allows you to create a more aesthetically pleasing and cohesive design that aligns with your site’s overall look and feel.
This article will guide you through the steps to change the margins between posts in the Blog Module, helping you achieve a polished and professional blog presentation.
If the Grid Layout is used in the Blog module, each grid column is set to have a default margin-right of 5.5%, which is also the default value of the Row's Gutter.
Open the Row settings that contain the Blog module.
Go to Design Tab → Spacing.
Enable Use Custom Gutter width.
Change the Gutter Width value - the default value is 3.
Pro Tip: The space between each Blog module's grid column depends on the value that the Row's Gutter width has:
8% - if the Row's Gutter width is set to 4
5.5% - if the Row's Gutter width is set to the default value(3)
3% - if the Row's Gutter width is set to 2
no space - if the Row's Gutter width is set to 1
Some examples can be seen below:
Row's Gutter Width is set to
4:
Row's Gutter Width is set to
3(default value):
Row's Gutter Width is set to
2:
Row's Gutter Width is set to
1: