How to push down Divi blurb icon to align with text

Nov 28, 2017 | Blurb, CSS tweaks, Divi Theme

Want to change the vertical alignment of your Divi blurb icon to be better centred with text (e.g. if using without the heading title and more like a icon ‘dot point’?

The following CSS snippet will push down the icon. Add a custom CSS class (in the “Advanced” settings tab of module) to the blurb modules you wish to affect with this. Adjust the value to align with your text:

If using icons:

/* Custom aligned blurb icons */
.your_custom_class .et-pb-icon {
padding-top: 6px !important;


If using images:

/* Custom aligned blurb images */
.your_custom_class .et_pb_main_blurb_image img {
padding-top: 6px !important;


Where to paste the CSS snippet

Navigate to Divi>Theme Options and at the bottom of the default “General” tab, paste the CSS snippet into the “Custom CSS” box and save changes.


Child Themes

We recommend using a child theme. It is your insurance against losing your custom work in updates. Click here for instructions on adding a basic Divi child theme with a stylesheet (for custom CSS). Click here to learn more about child themes and getting the most out of the Divi theme.


Want more module options for your Divi website?

Check out our Custom Modules for Divi
Browse Custom Modules