Circles Info

Avada Circles Info Element Examples

The Avada Circles Info Element transforms dry data into visually compelling circular displays, combining animated rings, icons, titles, and descriptions to show off statistics, performance metrics, milestones, or features in a way that’s both engaging and elegant. Whether set to auto-rotate, pause on hover, or triggered by click, you can style everything from the border size and style, icon placement, background (solid, gradient, or image), typography, spacing, and animation speed to ensure the circles' information fits seamlessly with your site design.

72%

Revenue

48K

Customers

Portfolio

This Avada Cirlces Info Element is set up as follows: Auto Rotate (Yes), Auto Rotate Time (2.0sec), Pause on Hover (Yes), Activation Type (Click), Icons Placement (Content Circle), Circle Border Size (2px), Circle Border Style (Dashed), Content Cirlce Border Size (6px), Content Circle Border Style (Solid), Content Spacing (45px), and Icon Size (16px). In addition, there are three child elements, each with a custom typography set.

DISCOVER

Greatness

STUNNING

Websites

MOBILE

First

WEBSITES

For Everyone

This Avada Cirlces Info Element is set up as follows: Auto Rotate (Yes), Auto Rotate Time (3.3sec), Pause on Hover (No), Activation Type (Click), Icons Placement (Outer Circle), Circle Border Size (3px), Circle Border Style (Dotted), Content Cirlce Border Size (1px), Content Circle Border Style (Solid), Content Spacing (3px), and Icon Size (25px). In addition, there are four child elements, each with a custom typography set.

Passion

Dedication

Resolve

Strength

Endurance

Confidence

Success

This Avada Cirlces Info Element is set up as follows: Auto Rotate (No), Activation Type (Hover), Icons Placement (Content Circle), Circle Border Size (8px), Circle Border Style (Double), Content Cirlce Border Size (3px), Content Circle Border Style (Double), Content Spacing (0px), and Icon Size (12px). In addition, there are seven child elements, each with a custom typography set.

Insight

Vision

Success

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.