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.
You can write your content like a regular document and each paragraph will automatically be turned into a block behind the scenes.
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:
- Convert block type
- Left alignment
- Center alignment
- Right alignment
- Bold
- Italics
- Insert hyperlink (see guide)
- More options
More Options
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.
Inline Image
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.
Highlight
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.
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.
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.
As you can see, the Paragraph block offers typography, color, text settings and advanced options.
Color Settings
Text and background colors can be set on a per-block basis, allowing you to call attention to important content.
Accessibility parameters are built into the new editor to warn you when the text may become illegible for persons with reading impairments.
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.
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.
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.
