Vertically align left side Blurb image with title

I want to post this here as a resource.



When using the Divi Blurb module I frequently want to use it with only the left positioned image or icon and the Title without more content. When doing so the image wants to position itself with its top edge in line with the top edge of the Title. This is great if you are adding more content below the Title. If not, then the image is too low. I have finally found the solution to moving the image up so it is centered vertically with the Title. This was provided by the Elegant Themes support.

Please go to your WordPress Dashboard > Divi > Theme Options > Custom CSS and add the following:

​

​

Then, add this custom class to the section settings where you placed your blurbs to make the CSS code work: custom_post