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.
The Advanced Typography block in Nexter Blocks lets you rotate and orient text vertically in the WordPress block editor, without custom CSS or additional plugins.
To check the complete feature overview documentation of the Nexter Blocks Advanced Typography block, click here.
Best Used For:
- Agency and portfolio sites that use vertical text for section labels or decorative headings
- Event pages or promotional layouts where rotated text creates visual hierarchy
- Creative WordPress sites that need typographic variety without writing custom CSS
Requirement – This block is a part of the Nexter Blocks, Make sure it is 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 section 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 will find three options –
- Normal – This, will keep the text horizontally aligned. Use this when you want to reset the direction back to standard horizontal text.
- Left to Right – With this, the text will be aligned vertically from left to right for text with two or more words. Use this for sidebar labels, decorative captions, or section markers that should read from bottom to top.
- Right to Left – With this, the text will be aligned vertically from right to left for text with two or more words. Use this when working with right-to-left languages or for decorative elements that read from top to bottom.
Select the option that matches your layout needs.
The Vertical Letters toggle places 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.
Your page now displays vertical text.
To add scrolling marquee or animated text that complements a vertical layout, see How to Add Animated Text in WordPress. For headings with stroke, gradient, or highlight effects, see How to Add an Advanced Heading in WordPress.
