How to Right Align the Divi Blurb Module Icon or Image

Is there any option to right align?

There is no option right to align the Divi blurb module icon/image.

By default, there are only two options for the position of Icon and image in the Divi blurb module, i.e., top and left. But these options are available on other website builders.

However, in this post, I will explain how to right-align the Divi blurb module icon/image in two steps.

The Default Choices

Here is an example of the two default choices.

Your Title Goes Here

Image/Icon = Left

This is an example of the default Divi blurb with the image/icon aligned to the left.

Your Title Goes Here

Image/Icon = Top

This is an example of the default Divi blurb with the image/icon on top.

Result Using This Trick

Your Title Goes Here

Image/Icon = Right

This is an example of the Divi blurb with the icon right aligned using this tutorial.

Your Title Goes Here

Image/Icon = Left

This is an example of the default Divi blurb with the icon left-aligned.

Step 1

Adjust the blurb module settings

  • After Enable visual Builder, a Tab with three popups will appear. Click on the first tab, i.es, start building.
  • In Insert module select “blurb module” option.
  • In the content tab open the “Image & Icon” toggle and enable “use Icon” option, then select an icon you want to use.

Here I am using Icon to show you can also use image/icon.

  • Then go to the Design tab.
  • Open the Image & icon toggle.
  • Change the Image/icon placement selector to left
  • Next, open the Text toggle.
  • Then change the text alignment to the right-aligned.
screenshot 1
screenshot 5
screenshot
screenshot-3

Step 2

Adding some CSS code to the blurb Module

  • Open the blurb module settings.
  • Then navigate to the advanced tab.
  • Open the custom CSS toggle.
  • Add this CSS code to the Blurb image.

margin-left: 12px;
  • Then scroll down add this code de to the blurb content.
display: flex; 
flex-direction: row-reverse;
screenshot-3
wpdesigning

That’s It!

I hope you have enjoyed learning How To Right Align The Divi Blurb Module Image/Icon.