How Can We Help?

Search for answers or browse our knowledge base.

< All Topics
Print

Module 1: Divi Blurb Extended

Creating Blurbs Using Divi Blurb Extended Module

Common steps to follow for each layout available with the Divi Blurb Extended Module.

  • Create a new page/edit an existing page where you want to add or display blurbs created using Divi Blurb Extended Module.
  • Insert Row >> Scroll Divi module library >> Insert Divi Blurb Extended module.
divi-blurb-extended-module
  • Go to Blurb Content Settings >> Set Blurb Title >> Set Blurb Content
  • Go to Blurb Link settings >> to input Blurb Link if you want to open a blurb related page >> check “Url Opens in s New Window” as “Yes” if you want to open a blurb related page in a new window.
  • For Read More Button on blurbs go to Button settings >> check “Read More Button” as “Yes.”
  • Input text in the Read More Button Text Field to be used as custom text for the Read More Button.
  • If you want to customize the Read More Button, then check “Use Custom Styles For Button” as “Yes.”
  • Go to Image & Icon settings to add an Image or Icon on the Blurb >> simply upload your image.
  • If you want to use an Icon rather an Image, then check “Use Icon” as “Yes.”
  • To show the background image with parallax effect Go to Background Setting >> Use Parallax Effect >> Set as Yes >> Parallax Method >> Choose any from True Parallax and CSS.
divi-blurb-extended

Layout Selection

  • After providing blurb content in the content settings
  • Go to Design Tab >> Layout setting >> Choose any of the available layouts.
divi-blurb-extended-layout-type

Content Background settings for Classic, Easebox, Borderbox, and Image Card layout

  • To change the background color of the blurb content.
  • Go to the Design tab >> Content Background settings >> pick a color to be used for content background.

Flipbox layout settings

  • Select blurb layout: Flipbox
  • To customize the frontside content background >> Go to the Design tab >> Flipbox Settings >> Front >> choose color/image >> pick a color/upload an image.
  • To customize the backside content background >> Go to the Design tab >> Flipbox Settings >> Back >> choose color/image >> pick a color/upload an image.
  • To adjust height of the Flipbox >> Go to the Design tab >> Flipbox Settings >> Flipbox Height
  • Move the slider or input the value to increase/decrease Flipbox height.

Borderbox layout settings

  • Select blurb layout: Borderbox
  • To change Border Color of the Borderbox layout
  • Go to the Design tab >> Borderbox settings >> Border Color >> Pick a color to be used for the border.

Image Card layout settings

  • Select blurb layout: Image Card
  • To insert Top image in the Image Card layout
  • Go to the Design tab >> Image Card settings >> Top Image >> Select/Upload an image.
  • If you want to set alternative text for the image
  • Then go to the Design tab >> Image Card settings >> Image Alt Text field >> and input your desired text to be used as Image Alt Text.

Image & Icon placement for any layout

  • To change placement of the image/icon of the blurbs
  • Go to Design tab >> Image & Icon settings >> Image/Icon Placement >> choose Top/ Left/ Right.
  • If you have chosen Use Icon as Yes setting available under the Content tab and want to change Icon Color, then go to  Design tab >> Image & Icon settings >> Icon Color >> and pick a color to be used for the Icon.
  • Check “Use Icon Font Size” as “Yes” if you want to change the size of the icon then move the slider or input the value to increase/decrease icon size.

Blurb Title & Content Text settings

  • To customize blurb Title and Content text go to the Design tab >> Blurb Text Settings >> and customize Title & Content text according to your needs.

Blurb Hover effects settings

  • To apply hover effects on blurb Text, Button and Elements Go to the Design tab >> Hover State >> choose Text/Button/Elements and apply customization according to your requirements.
Next Module 2: Advanced Flipbox
Table of Contents