Skip to main content

Search Divi Plus Documentation

Search for answers or browse our knowledge base.
Explore Divi Plus's Live Demo

All Topics
Print

Text Highlighter

Divi Plus Text Highlighter module consists of 7 highlighting styles that set your text apart for better recognition. With this, you can simply highlight text fantastically.

texthighlighter-example

How to add module on page

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

  1. Create/Edit a Page/Post that uses Divi builder.
  2. Create/Edit a row.
  3. Click on Add New Module option; choose the DP Text Highlighter module.
texthighlighter-insert

 Content Tab

  • How to insert Text Highlighter text: In the Content settings, go to the PreContent, and Post field >> Input your text.
  • How to change/select Text Highlighter style: Go to the Content settings >> Text Highlighter Shape >> choose available shapes.
  • Display text in stack formation: Go to the Content settings >> Display in Stack >> check as >> YES.
  • Wrap in Heading Tag : If you want to apply text highlighter on your page heading then set Wrap in Heading Tag setting as Yes and for further heading customisation move to design tab.
  • How to assign the heading tag to the Highlighted Text: In the Content settings >> Wrap in Heading Tag >> check as >> YES.
texthighlighter-content-setting

Design Customization

Move to the Design tab to customize the appearance of the Text Highlighter further.

  • Change highlighter shape color: Go to the Design tab >> Highlighter Shape Settings >> Highlighter Color >> Apply any color. 
  • How to style highlighted text: Go to the Text Settings >> Global Pre / Main Post >> apply text customization as required. 
  • How to style Heading assigned highlighted text: Go to the Title Settings >> Global Pre / Main Post >> apply text customization as required.  
text-highlighter-divi-module-title-tag-design customization

Table of Contents