How to Make Vertical Text in WordPress?

Table of Contents

Are you looking to add vertical text in WordPress? Vertical text can serve as a unique and visually striking design element, adding a creative touch to your website while drawing attention to specific sections.

With the Advanced Typography block from Nexter Blocks, you can easily add vertical texts in WordPress.

To check the complete feature overview documentation of the Nexter Blocks Advanced Typography block, click here.

Requirement  – This block is a part of the Nexter Blocks, make sure it’s installed & activated to enjoy all its powers.

To do this, add the Advanced Typography block to the page and follow the steps – 

1. Select Normal from the Select Option dropdown under the Advanced Typography tab.

Note: You can also create vertical text for the Multiple option as well, but in that option, you have to manually add transform CSS in each text repeater item.

2. Then add the text in the Text field.

3. After that, go to the Text Direction tab and select the vertical text direction from the Vertical Text section. Here you’ll find three options – 

advanced typography vertical text gif

  • Normal – This, will keep the text horizontally aligned.
  • Left to Right – With this, the text will be aligned vertically from left to right for text with two or more words.
  • Right to Left – With this, the text will be aligned vertically from right to left for text with two or more words.

Let’s select Left to Right here.

By enabling the Vertical Letters toggle, you can place each letter vertically without rotating them.

From the Vertical Direction section, you can change the text direction of the text from left to right and right to left. This can be very useful if you are using any right to left languages.

Now you’ll have a beautiful vertical text.

Still in Doubt? Let’s Assist You

Need Help? Ask AI Bot

Have Feedback or Questions?

Join our WordPress Community on Facebook!

Related Docs