Divi Essential Documentation

⌘K
  1. Home
  2. Docs
  3. Divi Essential Documentat...
  4. Modules Documentation
  5. Divi Text Highlight

Divi Text Highlight

Highlight important information you want your viewers to remember using our ‘Next Text Highlight Module’. There are about 12+ Highlighting Styles available in this module.

Content → Text

  1. Before Text – type the content to put before the highlighted Text.
  2. Highlight Text – place the Text to be highlighted.
  3. After Text – type the Text to go after the highlighted Text.
  4. Select Heading Tag – choose a heading tag suitable for the Text
  5. Select Highlight  Style – pick prebuilt styles for the text highlight design.
  6. Display Stacked – stack the Text vertically by enabling the switch.

Design → Highlight 

  1. Select Color – pick a color with the pointer or place the hex code to get the exact shade required for the design.
  2. Stroke Width – adjust the width of the stroke using the slider
  3. Animation Delay – adjust the delay of the animation using the slider

Design → Fonts → Heading Text

  1. Font – Select a font from the collection or use custom font.
  2. Font Weight – define how you want your font to show either regular, italic, bold extra, or even extra light.
  3. Font Style – Pick a style of font for both front and back.
  4. Text Color – manually select a color for the background of the text using the pointer, or you can state the hex code and get the exact color you require.
  5. Text Size – easily resize the text for both the front and back parts of the flip box.
  6. Letter Spacing – you can space out the letters using the slider for an easier read for the website visitors.
  7. Line Height – adjust the space between the lines using the slider

Design → Fonts → Heading Text (continued)

  1. Text Shadow – select a prebuilt shadow for the text and configure the shadow settings helping you to adjust the blur, spread, positions, and more.

Design → Fonts → Highlight Text

  1. Font – Select a font from the collection or use custom font.
  2. Font Weight – define how you want your font to show either regular, italic, bold extra, or even extra light.
  3. Font Style – Pick a style of font for both front and back.
  4. Text Color – manually select a color for the background of the text using the pointer, or you can state the hex code and get the exact color you require.
  5. Text Size – easily resize the text for both the front and back parts of the flip box.
  6. Letter Spacing – you can space out the letters using the slider for an easier read for the website visitors.
  7. Line Height – adjust the space between the lines using the slider

Design → Fonts → Highlight Text (continued)

  1. Text Shadow – select a prebuilt shadow for the text and configure the shadow settings helping you to adjust the blur, spread, positions, and more.

Design → Hover Effect 

  1. Text Hover Effect – enable to view the list of hover effects.
  2. Select Hover Effect – select a hover effect from the 29 hover effects available.

Design → Text Alignment 

Align the Text Highlight content to the left, right, or center. This feature will align the entire Text Highlight design.

How can we help?