How To Align The Divi Blurb Icon Or Image To The Top Left

This tutorial solves such a common problem and is easy to do! Let's get started and align the Divi blurb icon or image to the top left!
Align Divi Blurb Icon Top Left

Before = Top Center (default)

This icon is left aligned on desktop, but top on mobile!

After = Top Left

This icon is left aligned on desktop, but top on mobile!

Align Divi Blurb Image Top Left

Before = Top Center (default)

This image is top-aligned, but we want it on the top left!

After = Top Left

This icon is left aligned on desktop, but top on mobile!

Icon Example

This icon is left aligned on desktop, but top left on mobile!

Image Example

This image is left aligned on desktop, but top left on mobile!

Add the class “pa-blurb-left-desktop-top-mobile” to the Blurb Settings Advanced tab in the CSS Class input field.

Move Left Aligned Blurb Image Icon To Top On Mobile

Go ahead and copy and paste the CSS snippet into the Divi>Theme Options>Custom CSS box.

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative Co in the beautiful state of Pennsylvania. He loves helping small businesses, exploring, building websites with Divi, and teaching others.

OUR BLACK FRIDAY SALE IS HERE!

30% OFF all Divi Child Themes, Plugins, and Layouts!

Related Posts

Leave A Response!

Leave a Reply

avatar
  Subscribe  
Notify of

Shop Our Divi Products!

Child Themes • Plugins • Layouts

Visit The Shop

Divi Tutorials On YouTube

Subscribe to our helpful Divi videos!

Visit Our Channel

Pin It on Pinterest

BLACK FRIDAY SALE - 30% OFF all Divi Child Themes, Plugins, and Layouts Shop Divi Products

0

Your Cart