# Circle Text

The **Circle Text** **Widget** is used to insert rotating text with animation.

### Using the Circle Text widget

Go to your site and start editing the page with Elementor.

### Step 1:

Select the **Circle Text** widget from the menu bar on the left-hand side of your screen then drag and drop it into the selected area.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FL9QKeAhZEf4j6fnqSwYW%2FCompanion%20-%20circle%20text.png?alt=media\&token=73321737-e7d2-40a7-b6bd-9111bf9bbd5d)

### Step 2:

You will get a window with the basic setting options under the **Content** tab. There you add the text, enable animation, and set direction with duration.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FNHruOC52dnvybyhQ9QqS%2FCompanion%20-%20circle%20content.png?alt=media\&token=bfc12c63-7d21-4dfb-8ab2-ab40c27b416a)

### Step 3:

Now, by clicking on the Style Tab you can customize the Circle size, Typography, and Text color of the widget for different resolutions.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2Ff8DLTQIkHrsjRuMcKCo9%2FCompanion%20-%20circle%20style.png?alt=media\&token=38a99934-7757-4cd4-ab8e-70bdd8f6d331)

### Step 4:

If you want to add motion effects, background, or make the page responsive, click on ‘Advanced**’** to explore those options. This **‘Advanced’** tab is a default feature of Elementor. Give a read to [this Document](https://docs.elementor.com/article/571-advanced-tab) to know more about Advanced features and their uses.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FWOoR6Co0Jy0cwRV2Lx3E%2FCompanion%20-%20circle%20adv.png?alt=media\&token=031197e6-53b6-41ed-9ff7-ed0f906f179b)

Finally, after completing all the customization click on ‘Publish’ to see your work live.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FYGRzecDeriiXUolqcZjg%2FCompanion%20-%20circle%20final.png?alt=media\&token=10063d7d-83aa-400e-ba73-1562bc2ba885)

Great job! You have done it successfully.

![](https://1186712708-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe1Jo7DkgxZUy8C30NAXD%2Fuploads%2FTXyE8x5TbFRkxG85mNHM%2Fcircle%20text.gif?alt=media\&token=812ff93f-dbeb-4c58-9db4-28b5fd121384)