How to Add Vertical Text in Elementor?

Updated onApril 9, 2026By

Key Takeaways

  • The Plus Addons for Elementor Advanced Typography widget allows users to add vertical text easily.
  • Vertical text direction options include Left to Right and Right to Left for two or more words.
  • Enabling the Vertical Letters toggle places each letter vertically without rotation.
Table Of Content

Are you looking to add a vertical text in Elementor? Vertical text can be a unique and eye-catching design element that can add visual interest to your website.

With the Advanced Typography widget from The Plus Addons for Elementor, you can easily add vertical texts in Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Advanced Typography widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.

LIVE WIDGET LINK

To do this, add the Advanced Typography widget 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 dropdown. Here you’ll find three options – 

Advanced typography text direction on how to add vertical text in elementor? From the plus addons for elementor

  • 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.

In the Transform Normal field, you can add custom transform CSS to transform the text further.

Note: You can directly create a vertical text by using transform CSS only as well.

Then in the Transform Hover field, you can set transform CSS for the text which will work on hover only.

From the Transform Origin dropdown, you can set the point around which the transformation will work.

Note: Transform Origin will be only applicable to your custom transform CSS.

Now you’ll have a beautiful vertical text.

Read Further: How to Create Text Stroke Outline in Elementor?

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the vertical text doesn't appear as expected?

If your vertical text isn't displaying correctly, ensure that you have selected the appropriate vertical text direction from the Vertical Text dropdown. The options include 'Left to Right' and 'Right to Left' for multi-word text. Additionally, check that the Vertical Letters toggle is enabled to position each letter vertically. If issues persist, review your custom transform CSS settings, as incorrect values can impact text visibility.

Can I use vertical text for languages that read right to left?

Yes, the Advanced Typography widget from The Plus Addons for Elementor allows for vertical text direction adjustments, which can be beneficial for right to left languages. By selecting the 'Right to Left' option, you can ensure that the text aligns properly for readers of those languages. This feature enhances accessibility and usability for diverse audiences.

What settings work best for adding vertical text in Elementor?

For optimal vertical text display, start by using the Advanced Typography widget from The Plus Addons for Elementor. Select 'Normal' from the Select Option dropdown, then specify your text direction under the Text Direction tab. Enabling the Vertical Letters toggle helps arrange letters vertically without rotation. These settings ensure that your vertical text is both visually appealing and functionally effective.

Are there any limitations when using vertical text with the Advanced Typography widget?

One limitation to consider is that when using the Multiple option for vertical text, you must manually add transform CSS to each text repeater item. This can be cumbersome if you have many items. Additionally, the Transform Origin feature only applies to custom transform CSS, which may require extra attention to achieve the desired effect.

How can I further customize my vertical text in Elementor?

You can customize your vertical text by adding custom transform CSS in the Transform Normal and Transform Hover fields. This allows for specific styling effects, such as animations or hover transformations. Remember, the Transform Origin dropdown sets the pivot point for these transformations, so adjusting it can significantly change how your text behaves on the page.

What happens if I don't enable the Vertical Letters toggle?

If you don't enable the Vertical Letters toggle, your text will not display each letter vertically. Instead, it will appear horizontally aligned, which defeats the purpose of creating vertical text. This toggle is essential for achieving the unique design effect you may be aiming for, especially in creative layouts or designs.

Last reviewed: April 9, 2026

Related Docs