Blocks

Blocks » Paragraph Block

The Paragraph block is the default block type for text added to the editor. It is probably the block you will use most.

Table of Contents

You can write your content like a regular document and each paragraph will automatically be turned into a block behind the scenes.

Add a paragraph by typing or select the paragraph block from the + block inserter icon in the top left corner.

You can also choose the paragraph block from the Add Block button. Detailed instructions on adding blocks can be found here.

Block Toolbar

Each block has its own block-specific controls that allow you to manipulate the block right in the editor. The paragraph block offers the following options in its toolbar:

The paragraph toolbar has options to align text left, center, and right, and to format text as bold, italicize, hyperlinks, and many other options.
  • Convert block type
  • Left alignment
  • Center alignment
  • Right alignment
  • Bold
  • Italics
  • Insert hyperlink (see guide)
  • More options

↑ Table of Contents ↑

More Options

More options for Paragraph block

The more options for Paragraph block include:

  • Inline code
  • Inline image
  • Justify
  • Strikethrough
  • Subscript
  • Superscript
  • Text color
  • Underline
  • Uppercase

Most of these options are very straightforward, where the text has to be selected first and then the option chosen from the toolbar. However, there are two options, Inline image and Text color, which have a bit more steps to using them.

↑ Table of Contents ↑

Inline Image

Inline image option usage

To add an inline image to your Paragraph block, please click the downward arrow in the block toolbar, choose Inline image and then the Media Library window will pop up where you can choose the image you wish to add as an inline image. To change the size of an inline image, click on the image, type or select a number for the image width, then use the curved arrow button to apply the changes.

↑ Table of Contents ↑

Highlight

Highlight option usage

To change the color of specific words or characters or set a colored background behind specific words or characters, select the text and click the downward arrow in the block toolbar, then click on Highlight. A small window with default color options for Text and Background will pop up. You’ll be shown a set of predefined color options to choose from, as well as a Custom color link to open a color picker where you can choose the exact color you want.

↑ Table of Contents ↑

New Line in an Existing Block

You can start a new line with single spacing, instead of double spacing or a new Paragraph block, by pressing Shift + Return/Enter on your keyboard.

↑ Table of Contents ↑

Block Settings

Every block has options in the sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.

The block settings can be found in the sidebar.

As you can see, the Paragraph block offers typography, color, text settings and advanced options.

The Paragraph block has many different settings in the sidebar.

↑ Table of Contents ↑

Color Settings

Text and background colors can be set on a per-block basis, allowing you to call attention to important content.

Color settings

Accessibility parameters are built into the new editor to warn you when the text may become illegible for persons with reading impairments.

↑ Table of Contents ↑

Typography

Adjust the text appearance of your Paragraph block with the following settings. If you don’t see the setting, click the plus icon to activate the option.

  • Font size
  • Appearance
  • Line height
  • Letter case
  • Letter spacing
  • Drop cap

Font size allows you to switch between pt and px using the slider just above the font selections.

Appearance gives you the option to change the style of the text from thin to extra bold.

Line Height sets the spacing above/below the text. If you select zero, be sure to check your site on mobile.

Letter case provides you the ability to set the text to all caps, the first letter capitalized, or all lower case.

Letter spacing sets the space between each character of the text.

Drop cap gives you the option to drop the first letter of the block of text.

↑ Table of Contents ↑

Advanced

The Advanced panel lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit. Learn more.

The Advanced section lets you add a CSS class to your block.

↑ Table of Contents ↑

How to Add Padding to your Text

You can add padding to your text by grouping the respective paragraph blocks and following the padding steps in a group block. Adding padding means adding empty space within the border of the block and the text. This option lets you custom-indent an entire section of text or pad a small amount of text for a big effect.


Not quite what you're looking for?

Get Help