Pro Paragraph

Pro Paragraph

Pro Paragraph or advanced text block is a normal text block which satisfies all your needs of any text blocks, but creatively.

We have provided options for title and content. Anything else can be added using out other components. All style tweaks are added there.

Pro tip
Nothing fascinating, just a simple text block editor.

Configuration for Pro Paragraph

Basic requirement is having content. Do you have content ? Great, start pasting it here and customise it with our style options.

How to use the Pro Paragraph Block of The Plus Addons For Gutenberg

The Pro Paragraph block comes with a simple layout with customized styling options, you can create a standard layout for your websites.

Table Of Contents

Setting up

Gutenberg gives multiple ways to add Pro Paragraph into the content building area or we say playground. Check for the “+” icon in the top toolbar or click the “+” icon in the content area or start typing Pro Paragraph after “/” sign, eg.“/Pro Paragraph”, in the content area. Gutenberg also provides drag & drop after opening the list of Blocks panel.

After placing the Block you’ll see three tabs on the right editing panel containing “Layout”, “Style” and “Advanced”. Go and start with the Layout tab.

1. Layout

Paragraph

Content

Kind of main course, A text area to add the text content.

Alignment

Alignment of text into left, center, right or justified manner.

Tag

A HTML tag to assign to the content text.

Title

Show Title

Want to have title for display content or not ?

Content

Title text for the content written above.

Tag

A HTML tag to assign to the title text.

Credit : Gutenberg, WordPress

2. Style

The Style tab is used for customizing the appearance of all the Pro Paragraph Block components. All these styling options include customizing the fonts, colors, background, margins and padding which are common across all the Blocks. So, we have created a single detailed article explaining these Styling Options.

View The Style Tab Article

Paragraph

Typography

Assign size, weight, spacing and much more to fonts.

Text Color

A color picker to assign suitable color to the text.

Link Color

A color picker to assign suitable color to the link which comes in between the text.

Text Shadow

Give Text shadow effect and color to the text.

Title

Typography

Assign size, weight, spacing and much more to fonts.

Title Color

A color picker to assign suitable color to the title text.

Bottom Space

Put-in some space from bottom to the title. Space between content & title.

Text Shadow

Give Text shadow effect and color to the text.

3. Advanced

Advanced Tab Options are common across all the Blocks. So, we have written a detailed tutorial explaining how to use these options.

View The Advanced Tab Tutorial

Was this article helpful?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.