The Divi Blurb module is a pre-designed element for Divi that includes a text title, content area and option to use either an image or icon.

When the option to “Use Icon” is selected you will be able to choose from 380 icons that are included within Divi.

add Divi blurb icon

If you need to use an icon not available in the list available then you can set the Use Icon switch to “No” which will allow you to upload your own image via the WordPress Media Library.

“Blurb Images will always appear centered within their columns and will span the full width of your column up to 550px. However, your image will never scale larger than its original upload size. The height of the blurb image is determined by the aspect ratio of your original image, so making all of your blurb images the same height is a good idea if you are placing them side by side.” source: Elegant Themes documentation

Add custom Divi Blurb icon

Once you have your new icon uploaded you can use the settings for your image under Design > Image & Icon to edit the;

  • Image/Icon Placement
  • Image Rounded Corners
  • Image Border Styles
  • Image Border Width
  • Image Border Color
  • Image Border Style
  • Image Box Shadow
  • Image Hue, Saturation, Brightness, Contrast, Invert, Sepia, Opacity and Blur
  • Image Blend Mode
2.8 4 votes
Article Rating