---
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
lang: en
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?

## 

- Utilizes the Advanced Typography widget from The Plus Addons for Elementor to add vertical text.
- Offers three vertical text direction options: Normal, Left to Right, and Right to Left.
- Enables custom transform CSS in the Transform Normal and Transform Hover fields for enhanced text styling.

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/)*