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.