Get The Plugin
Account Login

Divi Hacks Plugin

Examples & Documentation

Text Styles

classes

  • pop-light-text
  • pop-dark-text
  • left-shadow
  • right-shadow
  • inset
  • emboss
  • cutout
  • outline

Examples

  • Text Styles

Add one of these classes to Text Module Settings > Advanced tab > CSS ID & Classes > CSS Class

POP

Light Text

pop-light-text

This class looks best on fonts that have a heavier or bolder style.

 

pop-dark-text

This class looks best on fonts that have a heavier or bolder style.

 

POP

Dark Text

Left
Shadow

left-shadow

This class looks best on text with lighter backgrounds.

 

right-shadow

This class looks best on text with lighter backgrounds.

 

Right
Shadow
Inset

inset

This class looks best on bold or heavier fonts.

 

emboss

This class looks best on text with lighter backgrounds.

 

Emboss

Outline

outline

This class looks best on text with lighter backgrounds.

Add the class bold to make the outline heavier.

To change the color, add this CSS Variable to the Element’s Custom CSS box.

--outline-color:blue;

cutout

Set the background image, color, or gradient in Text Module Settings > Content tab > Background

This will only work on a white background.

Cutout

CUTOUT
PARALLAX

cutout-parallax

Set the background image in Text Module Settings > Content tab > Background

This will only work on a white background.