Divi Essential Documentation

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

Divi Text Mask

Setting up any photos in the words you value will help make your website look meaningful not only to you but your viewers too.
Build an attractive blog; add a relatable image into the text, and this will make your website look unique.
Include the best-suited effect from the 25+ Hover Effects!

Content → Text 

  1. Title – place title text in the content field
  2. Select Heading Tag – choose a heading tag
  3. Rotate Text Vertically – rotate the Text at 90°, placing it vertically

Content → Image Mask

  1. Thumbnail Image Mask – select an image to mask the text.
  2. Background Image Size – choose a size for the image you have selected.
  3. Background Image Position – choose the one that looks best masked to the text from the prebuilt positions.
  4. Background Image Repeat – adjust the repetition of the image and see what suits the design.

Design → Fonts

  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 Alignment – align the text to the left, right, or center.
  5. 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.
  6. Text Size – easily resize the text for both the front and back parts of the flip box.
  7. Letter Spacing – you can space out the letters using the slider for an easier read for the website visitors.

Design → Fonts (continued)

  1. Line Height – adjust the space between the lines using the slider
  2. Text Shadow – add text shadow to have the texts highlighted

From the total of 29 hover effects, select the one you like best for your Text Mask design.

 

Design → Hover Effect

  1. Text Hover Effect – enable the switch to select a hover effect for your Text Mask design.
  2. Select Hover Effect – choose a prebuilt hover effect from the 29 Hover Effects within the Text Mask module.

How can we help?