NewThe Supreme Bundle: every Divi Supreme plugin, 31% less than buying separately.See what’s inside →

Circle Info module

Divi Circle Info that turns lists into a wheel.

Place items around a circle. Click or hover one and its content appears in the middle. Add autoplay and an entrance animation.

Brand design

Logos, colour and type that make you easy to remember.

What is the Divi Circle Info module?

Circle Info is a Divi 5 module in Divi Supreme Pro that places items evenly around a circle, each with an icon or image and a title. The active item’s content, with its own title, text, icon and button, shows in the centre.

Visitors switch items by click or hover, or the circle can autoplay through them. Set the circle size or let it fit the column, pick one of 40+ content animations, and style inactive and active items separately.

content animations

triggers

max circle size

custom code

Start from a Circle Info recipe.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Try every Circle Info setting.

The recipes and the playground run on the front end. Use Preview, or open the page, to try them.

Everything Circle Info can do.

Items around a circle

Add as many items as you like. They space themselves evenly around the ring.

Click or hover

Switch items on click or on hover, and choose which item is active by default.

Autoplay

Cycle through items on their own with a delay you set.

40+ animations

Fade, bounce, flip, rotate, slide or zoom the centre content in.

Icons or images

Each item and each centre panel can use a Divi icon or an image.

Auto size

Fit the circle to the column, or set a fixed size up to 1200px.

Circle Info documentation

Setup for Divi 5: items, trigger, autoplay, circle size, animation and item styling.

Questions about Circle Info.

How does Circle Info work?

Items sit evenly around a ring. When one is active, its title, text, icon and button show in the centre of the circle.

Can it switch on hover instead of click?

Yes. Set Trigger to Click or Hover.

Can it play on its own?

Yes. Turn on Enable Autoplay and set the Delay between items in milliseconds. Speed sets how fast each change animates.

Which item is shown first?

Turn on Active Item By Default on the item you want. Use it on one item only.

How big can the circle be?

Auto Circle Size fits it to the column. Or turn it off and set Circle Size from 100 to 1200px. Item circles have their own size.

Can the centre show a shortcode?

Yes. Set an item’s Content Type to Shortcode to show a form, a gallery or any other shortcode in the centre.

Does Circle Info work with Divi 5 and WPML?

Yes. It is a native Divi 5 module, text supports dynamic content, and it can be translated with WPML.

Next module, A to Z

Contact Form 7 Module

Related modules

Image Hotspots Module

Pins on an image that reveal details.

Step Flow Module

Numbered steps with icons and lines.

Advanced Tabs Module

Tabs that hold whole layouts.

4.9 out of 5

Rated 4.9 by Divi designers on Trustpilot. Running on 350,000+ sites.

Explain it in one circle.

Circle Info comes with 70+ Divi 5 modules and 16 extensions in Divi Supreme Pro.

Divi Supreme