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.