Skip to content

How to Make Vertical Text in WordPress?

Updated On : September 27, 2026By : Reading Time : 1 minute

Key Takeaways

  • Advanced Typography block in Nexter Blocks Pro turns text vertical with two settings, and Vertical Text offers Normal, Left to Right, and Right to Left options.
  • Vertical Letters stacks each letter upright instead of rotating it, and Vertical Direction sets the reading direction to Initial, Left to Right, or Right to Left.
  • Text Direction works only for Normal text, while Multiple uses the Transform field of each item, for example rotate(-90deg); vertical text stays real, selectable text that search engines can read.
Table of Contents

Vertical text works well for section labels, side captions and bold portfolio headings.

The Advanced Typography block in Nexter Blocks Pro turns text vertical with two settings.

For every Advanced Typography setting in one place, see the Advanced Typography block guide.

LIVE BLOCK LINK

Before You Start

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

Steps

  1. Add the Advanced Typography block, keep Normal under Select Option and type your text in Content.
  1. Open Text Direction and pick Left to Right or Right to Left under Vertical Text.
The Text Direction panel with Vertical Text set to Left to Right
  1. Optional: turn on Vertical Letters to stack each letter upright.
  1. Optional: set Vertical Direction to Right to Left for right-to-left languages. Save.
A published heading with vertical text

Text Direction Settings

SettingOptionsResult
Vertical TextNormal, Left to Right, Right to LeftNormal keeps horizontal text; the others turn it vertical (lines flow left to right or right to left)
Vertical LettersOn / OffStacks letters upright instead of rotating them
Vertical DirectionInitial, Left to Right, Right to LeftSets the reading direction of the characters

How It Behaves

  • The text is rotated with CSS, so it stays real, selectable text that search engines can read.
  • Tall vertical text takes up height, so give the block room in your layout.

Limitations

  • The Text Direction panel is only available for Normal text. With Multiple, use the Transform field of each item, for example rotate(-90deg).
  • Vertical Letters suits short words; long sentences become very tall.

Troubleshooting

I do not see the Text Direction panel

Set Select Option to Normal.

Related Docs

Share your Thoughts

Still in Doubt? Let’s Assist You

Raise a ticket Now

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Join Us

Related Frequently Asked Questions

What do I need before making vertical text in WordPress with this method?

Vertical text here depends on the Advanced Typography block in Nexter Blocks Pro, so the Pro edition is the key requirement. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter provides the block under Nexter > Blocks in the WordPress dashboard. That matters because the Text Direction controls only appear when the block is available and set up correctly.

How do I make text vertical in WordPress without turning it into an image?

The Advanced Typography block turns text vertical with CSS, so the result stays real, selectable text that search engines can read. In practice, that is better than using an image because the content remains editable and accessible. The page also notes that tall vertical text takes up height, so it needs room in the layout instead of being squeezed into a narrow area.

Why can't I see the Text Direction panel in the Advanced Typography block?

The Text Direction panel only appears when Select Option is set to Normal. If Multiple is selected, that panel is hidden and you have to use the Transform field for each item instead, such as rotate(-90deg). That split matters because Normal handles single vertical text blocks, while Multiple uses per-item transforms.

When should I use Vertical Letters instead of regular vertical text?

Vertical Letters is best for short words because it stacks each letter upright instead of rotating them. The page warns that long sentences become very tall with this setting, which can break spacing fast. For labels, side captions, or bold portfolio headings, it can work well; for longer copy, plain vertical text is usually easier to fit.

Does vertical text work for right-to-left languages in WordPress?

The Advanced Typography block includes a Vertical Direction setting with Initial, Left to Right, and Right to Left options. That makes it possible to set the reading direction of the characters for right-to-left languages without changing the fact that the text is vertical. The page also says Vertical Text can flow left to right or right to left depending on the option you pick.

What are good use cases for vertical text on a WordPress site?

Vertical text works well for section labels, side captions, and bold portfolio headings. Those are cases where a narrow column or decorative edge treatment makes sense and where height is less of a problem than width. Since the text stays selectable and readable by search engines, it fits content you still want indexed rather than purely visual decoration.

Last reviewed: September 27, 2026

Related Docs

How to Add a Before and After Opacity Slider in WordPress?
icon
How to Add a Blend Cursor in WordPress?
icon
How to Add a Blockquote in WordPress?
icon
How to Add a Button in a WordPress Message Box?
icon
How to Add a Button in WordPress Timeline?
icon
How to Add a Call to Action Banner in WordPress?
icon
123………………………………………………………………53