Black Friday Super Sale 2024 is Coming Soon

WIN AN iPAD, LIFETIME MEMBERSHIP
×

Search Divi Plus Documentation

Search for answers or browse our knowledge base.

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