---
title: "How to Create Circular Text in WordPress?"
url: https://nexterwp.com/docs/create-circular-text-in-wordpress/
date: 2024-12-05
modified: 2026-09-27
lang: en
author: "Aditya Sharma"
description: "Circular text is a classic badge or stamp look, for example around a logo or a play button. The Advanced Typography block in Nexter Blocks Pro wraps any text around..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-Circular-Text-in-WordPress_-1024x519.jpg
word_count: 224
---

# How to Create Circular Text in WordPress?

## Key Takeaways

- Advanced Typography block in Nexter Blocks Pro wraps any text around a circle for a badge or stamp look, such as around a logo or a play button.
- Circular Text needs Nexter Blocks Pro, and the Advanced Typography block is switched on under Nexter > Blocks in the WordPress dashboard.
- Custom Radius changes the circle size directly, while Reverse Direction makes the letters run the other way around the circle.

Circular text is a classic badge or stamp look, for example around a logo or a play button.

The Advanced Typography block in Nexter Blocks Pro wraps any text around a circle.

*For every Advanced Typography setting in one place, see the [Advanced Typography block guide](https://nexterwp.com/docs/add-advanced-typography-in-wordpress/).*

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-advanced-typography/)

## Before You Start

- **Edition:** **Pro** — Circular text needs Nexter Blocks Pro.- **Block to enable:** Advanced Typography, switched on under **Nexter > Blocks** in your WordPress dashboard.

## Steps

- Add the **Advanced Typography** block, keep **Normal** and type your text in **Content**. End it with a space or a dot so the circle does not join two words.

- Set **Alignment** to center.

- Open **Circular Text** and turn on **Circular Text**.

![The Circular Text panel with the Circular Text switch on](https://nexterwp.com/wp-content/uploads/2026/09/advanced-typography-circular.webp)

- Optional: set **Custom Radius** to make the circle bigger or smaller, or turn on **Reverse Direction**. Save and check the live page.

![Published circular text wrapped around part of a circle](https://nexterwp.com/wp-content/uploads/2026/09/at-fe-circular.webp)

## How It Behaves

- A script places each letter on the circle after the page loads.- **Reverse Direction** runs the letters the other way around the circle.- Font size and text length change the size of the circle; Custom Radius sets it directly.

## Limitations

- Circular Text is for **Normal** text only.- Very long text overlaps itself on a small radius. Shorten the text or raise Custom Radius.

## Troubleshooting

### The circle is off-center

Set **Alignment** to center.

## Related Docs

- [Advanced Typography block: all settings](https://nexterwp.com/docs/add-advanced-typography-in-wordpress/)- [Make vertical text](https://nexterwp.com/docs/make-vertical-text-in-wordpress/)- [Create a marquee text effect](https://nexterwp.com/docs/create-marquee-text-effect-in-wordpress-left-to-right-motion/)

## Frequently Asked Questions

**Q: What do I need before creating circular text in WordPress?**
A: Circular text in Nexter Blocks Pro needs the Advanced Typography block enabled under Nexter > Blocks in your WordPress dashboard. The page also says this is a Pro-only feature, so it is not part of the free setup. That matters because the effect is built from the block itself, not from a separate plugin or custom code.

**Q: How do I keep circular text from joining two words together?**
A: End the text with a space or a dot. The page calls this out because circular text wraps each character around the circle, so the last and first characters can visually run together if the content ends too tightly. That small spacing trick helps preserve readability, especially on short badge-style text.

**Q: Why does my circular text look off-center?**
A: Set Alignment to center. The troubleshooting section is very direct on this point, which means the circle’s position depends on the block alignment rather than just the circular setting itself. If the text still feels unbalanced, center alignment is the first thing to check before changing radius or reversing direction.

**Q: Can I make circular text bigger or smaller in Nexter Blocks?**
A: Custom Radius controls how large or tight the circle becomes. The page also notes that font size and text length affect the circle size automatically, so radius is the direct adjustment when you want a specific shape. That makes it useful when you need a badge-like ring around a logo or button.

**Q: What happens if I use very long text for circular text?**
A: Very long text can overlap itself on a small radius. The page recommends shortening the text or raising Custom Radius when that happens. In practice, circular layouts work best with short phrases because each extra character needs more space around the curve.

**Q: Does circular text work with any type of text in Advanced Typography?**
A: Circular Text is for Normal text only. That limitation matters because the effect is applied after the page loads by a script, and it is designed for standard body-style content rather than every typography mode. If you need another motion-style treatment, Nexter also has [Make vertical text](https://nexterwp.com/docs/make-vertical-text-in-wordpress/) and [Create a marquee text effect](https://nexterwp.com/docs/create-marquee-text-effect-in-wordpress-left-to-right-motion/).