Want a spinning circle of text around a logo or a button?
Combine Circular Text with the Rotating continuous animation of the Advanced Typography widget from The Plus Addons for Elementor, and the circle turns on its own.
To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, click here.
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Edition: Pro — The Advanced Typography widget needs The Plus Addons for Elementor Pro. In the free plugin it shows in the Elementor panel with a lock icon.
- Widget to enable: Advanced Typography, switched on under The Plus Addons > Widgets.
Steps
- Add the Advanced Typography widget, keep Select Option on Normal and type your text. End it with a space or a separator such as “ – ” so the start and end don’t touch.
- Open Content > Circular Text and turn on Enable/Disable. More about circular text.
- Go to Style > Continuous Animation and turn on Continuous Animation.
- Set Animation Effect to Rotating.
- Set Duration Time in seconds for one full turn (default 2.5). A higher number turns slower.
How It Behaves
- The circle turns without stopping, one turn per Duration Time.
- Turn on Hover Animation to rotate only while the mouse is over the text.
- Animation Effect also offers Pulse, Floating and Tossing. Rotating is not available for items in Multiple mode.
Limitations
- The Transform Origin under Continuous Animation currently has no effect. The rotation point is set by Content > Text Direction > Transform Origin (default Center). Change that one to rotate around another point.
Troubleshooting
The circle doesn’t turn
Test on the published page or the preview. If Hover Animation is on, it turns only on hover.
