Rotating Text

Divi Rotating Text is a dynamic module for the Divi Builder that adds animated, circular text around images or icons.
Ideal for emphasizing taglines, promotions, or branding highlights, it boosts both visual appeal and SEO engagement.

Add module on page

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 DP Rotating Text.

Content settings

Text

Rotating Text
Add the text that will rotate or scroll inside the module. You can include short messages, announcements, or promotional lines.

Use Image
YES: Display an image along with the rotating text instead of an icon.
NO: Only use text and optionally an icon.

Select Icon
Choose an icon to appear beside the rotating text. Useful if “Use Image” is set to NO.

Design options

Wrapper box

• Background Color: Option to add a background color to the wrapper box.
• Circle Size: Adjust the size of the circle with a slider, ranging from smaller to larger values.
• Circle Animation Speed: Set the speed of the rotation animation in milliseconds (ms). Higher values make the rotation slower, and lower values make it faster. (Example: 8000ms = 8 seconds per full rotation)
• Circle Rounded Corners: Option to rounded corners for the circle.
• Circle Border Width: Adjust the width of the circle’s border with a slider, ranging from 0px to a higher value.
• Circle Border Color: Option to set the border color of the circle.
• Circle Border Style: Choose the style of the circle’s border from a dropdown.
• Circle Box Shadow: Option to add a box shadow to the circle.

Text styling

• Font: Option to choose the font for the text from a dropdown.
• Font Weight: Option to set the thickness of the text from a dropdown.
• Font Style: Options to apply styles to the text.
• Text Color: Option to set the color of the text.
• Text Size: Adjust the size of the text with a slider, ranging from smaller to larger values.
• Text Shadow: Option to add a shadow to the text. Multiple shadow styles are displayed as preview options.

Image/Icon styling

• Image/Icon Wrapper Size: Adjust the size of the image or icon wrapper with a slider, ranging from smaller to larger values.
• Image/Icon Background: Option to set the background color of the image or icon. A color picker is available with preset colors.
• Image/Icon Padding: Adjust the padding around the image or icon.
• Image/Icon Rounded Corners: Adjust the rounded corners of the image or icon.
• Image/Icon Border Styles: Section for styling the border of the image or icon.

Image/Icon border styling

• Image/Icon Border Width: Adjust the width of the image or icon border.
• Image/Icon Border Color: Option to set the border color of the image or icon.
• Image/Icon Border Style: Choose the style of the image or icon border.
• Image/Icon Box Shadow: Option to add a box shadow to the image or icon.