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

Paragraph block overview

ABOUT THE AUTHOR
Planning out a layout of a landing page. Creating a draft of the structure in Gutenberg
Prew post
  • Feb 06, 2020
  • 2 min read
  • 61

Paragraph block overview

Hello guys! 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.

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

Such a tool gives you a few various possibilities, let’s take a quick look at them.

  1. You are able to transform your block to some other blocks, such as heading, quote and a lot more.
  2. Also, you can set the alignment of the paragraph in one click.
  3. Make your text bold or italic.
  4. Add a link, inline image, code or strikethrough.

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

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.

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.

As the last step, go to the Advanced tab. Here you may give the paragraph WordPress block new CSS class, to make some stylization in the 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.

We hope you liked our simple and quick paragraph WordPress block overview. Subscribe to our newsletter and stay in touch for more useful tutorials and instructions!

0
Appreciate
Heading block overview
Next post
Planning out a layout of a landing page. Creating a draft of the structure in Gutenberg
Prew post
Heading block overview
Next post