Apply text transformation

In this guide, you will learn how to change text orientation, modify letter case, and add decorative drop caps through the typography settings.

To change the orientation of text from horizontal to vertical:

1. Click the text block you want to edit (such as a Paragraph, Heading, or List block).
2. In the block settings sidebar, locate the Typography section.
3. Find the Orientation option.
   • If you do not see Orientation, click the ellipses menu (⋮) next to Typography to select it.
4. Select your preferred orientation:
   • Horizontal (default)
   • Vertical
5. Preview your changes or click Save to apply them.

You can group blocks together to show vertical text next to horizontal text, as shown in the video below.

To modify the capitalization of text in a block:

1. Click the text block you want to edit (such as a Paragraph, Heading, or List block).
2. In the block settings sidebar, locate the Typography section.
3. Find the Letter case option.
   • If you do not see Letter case, click the ellipses menu (⋮) next to Typography to select it.
4. Choose from the following options:
   • Default: preserves the text as typed.
   • Uppercase: ALL CAPITAL LETTERS.
   • Lowercase: all small letters.
   • Capitalize: First Letter Of Each Word.
5. Preview your changes or click Save to apply them.

You can change the letter case used in text elements across your site in the Styles section of Appearance → Editor.

To add a decorative large first letter (drop cap) to a paragraph:

1. Click the Paragraph block where you want to add a drop cap.
2. In the block settings sidebar, locate the Typography section.
3. Find the Drop cap toggle.
   • If you do not see Drop cap, click the ellipses menu (⋮) next to Typography to select it.
4. Toggle the switch to enable the drop cap feature.
5. The first letter of your paragraph will now appear larger and may span multiple lines of text.
6. Preview your changes or click Save to apply them.

You can add drop caps to all paragraphs across your site in the Styles section of Appearance → Editor.

Learn how to adjust additional typography settings in the following guides:

Related guides

In this guide