The UI in this lesson may seem different if you've enables the Style Panel Beta! This content will be updated soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!

When you want to add long blocks of text to your project, you will either choose to use a paragraph element or a rich text element. Here we’ll go over all you need to know about paragraphs.

In this lesson
  • Adding paragraphs
  • Styling paragraphs
  • Adjusting spacing between paragraphs
  • Formatting and styling inline text

Adding Paragraphs

You can add a paragraph element from the Elements Panel (shortcut: A). By default, the paragraph element contains a block of placeholder text. You can double-click, select, and replace the text inside either by typing or pasting in your content. You can also enter text edit mode by selecting the element and pressing enter.


Adding multiple paragraphs

You may need to add multiple paragraphs to a section on your page. Although you can do that by typing Enter between paragraphs within one paragraph element, it’s a better practice to use a separate paragraph element for each paragraph. This gives you more control over paragraph spacing. With the rich text element you can easily add multiple paragraphs by pressing enter.

Styling paragraphs

There are many ways to style a paragraph. You can create a unique class and reuse this class for similarly styled paragraphs. You may style all paragraphs elements at once and leave it at that. Or you may want to set styles on the Body and let paragraphs inherit those styles.   

Styling with a class

You can style a paragraph element by selecting the paragraph and making your style changes in the Styles Panel. These changes will be saved under a class name. You can apply this class to other paragraphs as well:

  1. Select the paragraph you want to style
  2. Click into the selector field
  3. Type in the same class name
  4. Press Enter
  5. Style the paragraph

Styling the All Paragraphs tag

The best way to start a project is to style the All Paragraphs tag, which holds the default styles for all paragraphs in your project:

  1. Select a paragraph
  2. Click into the selector field
  3. Select All Paragraphs
  4. Customize your styles

Styling text on the Body tag

However, you may want to specify the typography styles, like font family and font size, for all your text elements, including paragraphs, . To set default typography styles on the entire project you’ll want to edit the Body (All Pages) tag:

  1. Select the body element
  2. Click into the selector field
  3. Select Body (All Pages)
  4. Customize the typography styles

Adjusting spacing between paragraphs

When you have separate paragraph elements, you can adjust spacing between those elements using the margin property:

  1. Select a paragraph
  2. Click into the selector field
  3. Select All Paragraphs
  4. Add a bottom margin

And when you need to adjust the spacing for only a few paragraphs, you can apply a class to those paragraphs. Now, any styling changes made on this class will apply to paragraphs that have this same class.

Formatting and styling inline text

In some cases, you may want to style a part of the text within the paragraph element. For example, you may want to italicize a word, or add a link to a phrase, or even underline a sentence. You can do that using the text formatting bar that appears when you double-click a paragraph element.


Learn more about inline text formatting.

Browser support

Can I Use ? Data on support for the feature across the major browsers from

Was this helpful?

Thanks for the feedback! If you can, please add additional feedback below.

Oops! Something went wrong while submitting the form

Thank you! Your feedback has been received!

Oops! Something went wrong while submitting the form