Gutenberg Fancy Text Block Tutorial

Gutenberg Fancy Text Block allows you to create animated text and headline statements that can be used to add attractive marketing messages and positioning statements. It's coming with two effects typing and slide and other various options.

Check Gutenberg Fancy Text Block demo page from here.

Gutenberg Fancy Text Block
Gutenberg Fancy Text Block


Fancy Text Gutenberg Block Layout Settings

Set fancy text general and advanced settings.

Gutenberg Fancy Text Block Layout Options
Gutenberg Fancy Text Block Layout Options

Gutenberg Fancy Text Block General Settings

  1. Prefix Text: Insert text before the animated text
  2. Fancy Strings: Add animated text.
  3. Suffix Text: Insert text after the animated text
  4. Align Content: Align content to left, center or right

Gutenberg Fancy Text Block Advanced Settings

  • Effect: Select from fancy text effects: Typing or Slide.

Gutenberg Fancy Text Block Typing Effect Settings

  1. Type Speed: Set typing effect speed for animated text.
  2. Back Speed: Set speed for the backspace.
  3. Start Delay: Set when typing animation will start.
  4. Back Delay: Select when the text will be hidden.
  5. Loop: Enable or disable the loop of the text animation.
  6. Show Cursor: Enable or disable the cursor that is visible when typing animation is playing.
    1. Cursor Mark: Set cursor mark for typing effect.

Gutenberg Fancy Text Block Slide Effect Settings

  1. Animation Speed: Set a duration value for the slide effect.
  2. Pause Time: Set how long Fancy Text string will stay visible.
  3. Pause on Hover: Enable to pause slide effect when mouseover text.
  4. Align Content: Align content to left, center or right.

Style Settings for Fancy Text Gutenberg Block

Customize fancy text and prefix & suffix text.

Gutenberg Fancy Text Block Style Options
Style Gutenberg Fancy Text Block

Related Docs: