Skip to main content
Text

Learn how to add text styles and markups to your project

Diego Muralles avatar
Written by Diego Muralles
Updated over 2 months ago

Text is a key part of your design. Organizing it well with proper styles and structure improves both design and SEO.

Adding Text Elements

1. Shortcut:

  • Press the key 'T' on your keyboard.

  • Drag and drop the text box onto your canvas.

2. Top Menu:

  • Click the 'T' icon in the top menu.

  • Drag and drop the text box onto your canvas.

3. Add Menu:

  • Click the Add button (Shortcut: M) from the left menu.

  • Search for Text and drag it onto your canvas.

Tip:

By default, text boxes are set to 'Auto' height, resizing to fit content. To adjust:

  • Click the text box.

  • In the right panel settings, set the height (H) to your desired measurement.

Selecting Text Tags for SEO

Choosing proper text tags (like headings or paragraphs) helps with SEO.

  • Select the text box.

  • Change the text tag from the top bar.

  • Adjust style settings from the style panel on the right.

Text tag options

  • Paragraph

  • Header 1

  • Header 2

  • Header 3

  • Header 4

  • Header 5

  • Header 6

  • Quote

  • Bullet List

  • Numbered List

  • Table

Text Style Editor

To style text:

  1. Select the text box.

  2. Open the style panel on the right panel.

  3. Choose a text tag (H1, H2, paragraph, etc.).

  4. Use the editor to adjust style settings.

Style Options Explained:

  • Font family: Choose a font style.

  • Style: Set text weight (bold, italic, etc.).

  • Alignment: Position text (left, center, right).

  • Letter case: Adjust uppercase, lowercase, etc.

  • Size: Set text size in px, em, or vw (viewport width adjusts to screen size).

  • Line height: Adjust space between lines.

  • Letter spacing: Adjust space between letters.

  • Word spacing: Adjust space between words.

  • Fill: Set text color, image, or gradient.

Tip: Want consistent styles across your project? Use Shared Stylesย in Vev.

In-line Text Formatting

You can style specific words or phrases within a text box:

  • Double-click the text box.

  • Highlight the words you want to edit.

  • Use in-line tools to bold, italicize, or format.

This guide should help you style and structure your text clearly and effectively in Vev.

Did this answer your question?