---
title: "How to Add Vertical Text in Elementor?"
url: https://theplusaddons.com/docs/add-vertical-text-in-elementor/
date: 2024-05-15
modified: 2026-04-09
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Vertical-Text-in-Elementor_-1024x536.jpg
word_count: 393
---

# How to Add Vertical Text in Elementor?

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

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](https://theplusaddons.com/docs//advanced-typography/).*

***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](https://theplusaddons.com/elementor-widget/advanced-typography-for-elementor/)

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*](https://www.w3schools.com/cssref/css3_pr_transform.php)* 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 - 

![](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-text-direction-on.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](https://www.andiamo.co.uk/resources/right-to-left-languages/).

In the **Transform Normal** field, you can add custom [transform CSS](https://www.w3schools.com/cssref/css3_pr_transform.php) 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?](https://theplusaddons.com/docs/create-text-stroke-outline-in-elementor/)*

## Frequently Asked Questions

**Q: What should I do if the vertical text doesn't appear as expected?**
A: 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.

**Q: Can I use vertical text for languages that read right to left?**
A: 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.

**Q: What settings work best for adding vertical text in Elementor?**
A: 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.

**Q: Are there any limitations when using vertical text with the Advanced Typography widget?**
A: 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.

**Q: How can I further customize my vertical text in Elementor?**
A: 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.

**Q: What happens if I don't enable the Vertical Letters toggle?**
A: 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.