---
title: "How to Add Vertical Text in Elementor?"
url: https://theplusaddons.com/docs/add-vertical-text-in-elementor/
date: 2024-05-15
modified: 2026-09-13
lang: en
author: "Aditya Sharma"
description: "Want a vertical label beside an image or a section? The Text Direction settings of the Advanced Typography widget from The Plus Addons for Elementor turn text vertical and can..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/How-to-Add-Vertical-Text-in-Elementor_-1024x536.jpg
word_count: 302
---

# How to Add Vertical Text in Elementor?

## 

- Advanced Typography widget from The Plus Addons for Elementor turns text vertical through Open Content > Text Direction, with Vertical Text set to Left to Right or Right to Left.
- Vertical Letters stacks each letter upright, one under the other, and appears only when Vertical Text is not Normal.
- Multiple mode has no Text Direction section, so each item uses Transform Normal instead, for example rotate(-90deg).

Want a vertical label beside an image or a section?

The **Text Direction** settings of the Advanced Typography widget from The Plus Addons for Elementor turn text vertical and can rotate it with CSS transforms.

*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 it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/advanced-typography/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — The Advanced Typography widget needs The Plus Addons for Elementor Pro. In the free plugin it shows in the Elementor panel with a lock icon.- **Widget to enable:** Advanced Typography, switched on under **The Plus Addons > Widgets**.

## Steps

- Add the Advanced Typography widget, keep **Select Option** on **Normal** and type your text.- Open **Content > Text Direction**.- Set **Vertical Text** to **Left to Right** or **Right to Left**.

![The Text Direction section with Vertical Text set to Left to Right, and vertical text on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-text-direction.webp)

- Optional: turn on **Vertical Letters** to stack the letters upright instead of turning them.- Optional: use **Transform Normal**, **Transform Hover** and **Transform Origin** for extra rotation.

![Vertical Letters switched on, with upright stacked letters on the canvas](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-vertical-options.webp)

![Setting up vertical text in the Advanced Typography widget](https://theplusaddons.com/wp-content/uploads/2024/05/advanced-typography-text-direction-on.gif)

## Settings

| Setting | What it does | Default |
| ------- | ------------ | ------- |
| Vertical Text | Normal keeps the text horizontal. Left to Right and Right to Left turn it vertical | Normal |
| Vertical Letters | Keeps each letter upright, one under the other. Shown only when Vertical Text is not Normal | Off |
| Vertical Direction | Initial, LTR or RTL (icon buttons). RTL shows the characters in reverse order, which also works on horizontal text | Initial |
| Transform Normal / Transform Hover | A CSS transform, for example `rotate(-90deg)`, normally and on hover | Empty |
| Transform Origin | The point the transform turns around. It also sets the rotation point of the Continuous Animation | Center |

![The text Since 2015 shown vertically on the page](https://theplusaddons.com/wp-content/uploads/2026/09/advtypo-result-vertical.webp)

## How It Behaves

- Vertical Text uses the CSS `writing-mode` property.- Multiple mode has no Text Direction section. Use the **Transform Normal** field of each item instead, for example `rotate(-90deg)`.

## Related Docs

- [Advanced Typography widget: settings overview](https://theplusaddons.com/docs/advanced-typography/)- [Create a text stroke outline](https://theplusaddons.com/docs/create-text-stroke-outline-in-elementor/)- [Create rotating circle text](https://theplusaddons.com/docs/animated-rotating-circle-text-in-elementor/)