Divi Essential Documentation

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

Divi Text Color Motion

A unique module that allows the user to animate the color selected for the texts. With two different styles available right now and many updates to come, stay with us, and experience the colorful creative texts that make your website’s texts bloom.

Content → Text

  1. Color Motion Text – type the relevant text for your Color Motion Text design
  2. Select Heading Tag – choose a heading tag suitable for the text

Design → 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 the design.
  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 using the slider
  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
  8. Text Shadow – choose a text shadow for the Text Color Motion content

Design → Color Motion Style

  1. Color Motion Style – choose a style of motion for your design.
  2. Motion Duration – adjust the motion speed using the slider

Design → Colors

  1. Select Colors One, Two, Three, and Four – choose four colors to use in the color motion design.
  2. Select Gradient Type – choose a type of gradient from the prebuilt angles available.
  3. Linear Direction – adjust the linear direction using the slider.

Design → Colors (continued)

  1. Color One Position – adjust the color one position using the slider.
  2. Color Two Position – adjust the position of color two using the slider.
  3. Color Three Position – adjust the position of color three using the slider.
  4. Color Four Position – adjust the position of color four using the slider.

How can we help?