< All Articles

Glitch Text

Avatar Glitch Text

Adding the Module

Once Avatar Divi 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 Avatar Glitch Text module.

Content Options

Glitch Text

This simple module will allow you to create a text with glitch effects with just a few simple clicks. In this section, you would be able to set your Glitch text and glitch effects. These are the available options:

  1. Glitch Text: Enter your main Glitch Text.
  2. Phantom Text: Phantom Text is the text that will be seen through the Glitch Text.
  3. Glitch Type: Select the glitch effect. We currently have 8 different glitch effects to choose from. Please explore our demo to see them in action:
    • Smooth
    • Continuous
    • Abrupt
    • VHS
    • Spaced
    • Dance
    • Hover Dance
    • Intermittent
  4. Glitch Color No.1: First Glitch Text color.
  5. Glitch Color No.2: Second Glitch Text color.
  6. Use Background Color: If ENABLED, the Glitch Background Color accentuates the glitch effect in some instances.
  7. Glitch Background Color: Set the Glitch Background Color. Depends on Use Background Color set to ENABLED

The default Divi Builder Module Content Tab Link, Background and Admin Label are also available for this module.

Design Options

Heading HTML Tag
  1. Heading HTML Tag: Select the HTML tag for your text container.
    • H1
    • H2
    • H3
    • H4
    • H5
    • H6
    • div
    • span
    • p
Glitch Text
  1. Divi Builder Default: Default Text and Font style options provided by the Visual Builder.
Glitch Position
  1. Wrap Text: Select if the text should be broken into multiple lines or displayed in a single line.
    • Multiple Lines
    • Single Line
  2. Glitch Margin: Adjust margin to specific values, or leave blank to use the default margin.
  3. Translate X: Using the Translation transform control, you can perform visual adjustments to the horizontal alignment of your Glitch Text.
  4. Translate Y: Using the Translation transform control, you can perform visual adjustments to the vertical alignment of your Glitch Text.
  5. Divi Builder Default: Default Sizing, Spacing, Border Styles, Box Shadow, Filter, Transform and Animation provided by the Visual Builder.

Default settings, sub-settings, and options used in all Divi Builder Modules are not described or included in our documentation and they are referred as Divi Builder Default throughout our guides to indicate that the options included are those provided by default by/or in the Visual Builder. If you need help learning to work with Divi Visual Builder, please visit Elegant Themes Documentation.

If you still stuck
Table of Contents