ZeGuten — a collection of blocks for Gutenberg Get for $15.00

Paragraph block overview

ABOUT THE AUTHOR

SEO copywriter at Gutenix Team

Planning out a layout of Gutenberg a landing page
Prew post
  • Feb 06, 2020
  • 2 min read
  • 188

Paragraph block overview

Today we are going to take a look at the paragraph WordPress block. From this simple and quick tutorial, you will learn some features of this block and also figure out how to customize it.

The paragraph block in Gutenberg is located in the Common Bocks tab. And this block is accurately the most commonly used. A paragraph can be combined with any other element and is quite handy.

General options of the paragraph WordPress block

Firstly, as you’ve added the paragraph WordPress block, click on it, and you’ll see an additional menu above the block.

add paragraph block

It’s time to move to the customization settings of the Paragraph WordPress block! In the right sidebar in the Gutenberg editor area, you can see some basic style tools divided into tabs. Let’s start with the Text Settings tab.

paragraph block size

You are able to set the size by choosing one of the preset sizes: small, normal, large or huge. Or, you can set a custom size by hand.

Enable Drop Cap to showcase a large first letter.

Styling up the paragraph WordPress

Moving to the Color Settings tab, you can see that here you can change the color of the Paragraph WordPress block’s text and background. Moreover, in case your color combination will be hard to read, the editor will immediately inform you.

Give the paragraph WordPress block new CSS class, to make some stylization in the Customizer. Remember, that you can set some options for all paragraph blocks on your website in Customizer.

Now you can go to Customizer and set the CSS setting according to the paragraph WordPress block. Simply open the Additional CSS tab, type the CSS class name, open the brackets and style your block.

Now you know to add and customize the paragraph WordPress block. Use it to build a vivid and stylish landing page website.

1
Appreciate
Heading block overview
Next post
Planning out a layout of Gutenberg a landing page
Prew post
Heading block overview
Next post