Rotating Text 

The free Rotating Text Block lets you highlight key messages with dynamic text animations. Rotate words, phrases, or icons to make your headings and taglines more engaging, all with easy styling and no coding.

Adding the block

To add the block:

• Click the “+” button to add a new block.
• Search for “Rotating Text ” and select it.
• For detailed instructions on how to add blocks in Gutenberg, please refer to the official WordPress Block Editor documentation.

Block settings

General content

• Rotating Text – Enter the text you want to rotate (multiple items can be added).
• Use Image or Icon – Enable this option to display an image or icon instead of text.
  • Image – Upload or edit an image.
  • Icon – Select an icon to display.

Wrapper box

• Background Color – Set the wrapper’s background color.
• Alignment – Align the rotating text or element (left, center, right).
• Circle Size – Define the size of the circular wrapper (in px).
• Circle Animation Speed – Control the animation duration (in ms).
• Text Rotation – Choose the rotation direction: Clockwise or Counterclockwise.
• Border – Customize border thickness (px).
• Radius – Adjust corner roundness (px).

Text

• Text Color – Select the text color.
• Typography – Customize:
  • Size
  • Letter Spacing
  • Appearance (style/weight)
  • Decoration (underline, strike, etc.)
  • Letter Case (uppercase, lowercase, capitalize)
  • Line Height

Image/Icon

• Image/Icon Background Color – Set a background color for the icon or image.
• Image/Icon Wrapper Size – Adjust the wrapper size (in px).
• Dimensions – Set Padding around the icon/image.
• Border – Define border thickness (px).
• Radius – Adjust corner roundness (px).