How to customise the spacing on the Divi Blurb module

It’s an easy fix to customise the blurb module in Divi

By default the gap between the image or the icon and the title is quite big. Too big in my opinion for most uses. So I pretty much always need to customise the blurb module. The module looks pretty gappy if you have a relatively small text size for the title. Luckily, we can easily tighten this with very little effort right on the page with a little line of CSS.

The following code needs to be added to the advanced setting of the burble module.

Click on the cog of the blurb module.

In the Module Settings box head to the Advanced tab.

Click on Custom CSS.

Scroll down the windows until you see the Blurb Image field and type in the code shown below or copy…

margin-bottom: 10px

And that’s it.
Save by clicking the green tick to save your changes. Then save the page and check it out on the front end.

TIP

I always work with a second window of the page I am working on in the front end. Then I can just head to that page and refresh the page to see if the changes are as I’d like them to look.

Working this way means that I don’t have to exit and enter the page over and over again. Give it a try.