WordPress Quote Block in Gutenberg – Experienced Overview


I’m the SEO specialist at Webcodebuilder and ZEMEZ, companies that create templates powered by Gutenberg WordPress editor and Elementor page builder . We also have ZeGuten multipurpose plugin, which expands Gutenberg's possibilities.

Heading WordPress block - a Detailed Overview
Prev post
  • Feb 06, 2020
  • 2 min read
  • 2,224

WordPress Quote Block in Gutenberg – Experienced Overview

Make your pages more attractive and engaging with the new Quote block in WordPress. This element usually showcases quotes and phrases with the credits of a certain person. However, you can also use a quote in Gutenberg to showcase testimonials – reviews left by the clients or visitors.

Firstly, Search for the Quote block and add it to the page. In the text field, you are able to write two elements: citation and quote.

add WordPress Quote Block

If you click on the Quote block, you’ll see the additional field above it. With the help of this toolbar, you are able to set some basic options, such as:

  • firstly, choose between two block styles or transform the quote in the editor to some other block;
  • set the alignment;
  • similarly, make your text bold or italic;
  • add a link, inline image, code or strikethrough.

In the same way, in the Styles tab, which is located in the right sidebar, you are able to choose the default or large style text and set the default style for the block.

WordPress Quote Block style

As we’ve already learned, in the Advanced tab you can set the additional CSS class for the quote in WordPress editor, to edit it in the Customizer by giving some additional styles.

add css class

If you are not sure about how to make the quote more attractive in WordPress editor, go to Customizer and set the CSS styles. Simply open the Additional CSS tab, type the CSS class name, open the brackets and style your block.

WordPress Quote Block CSS

Done! We hope you’ve learned how to quickly add and customize a Quote WordPress block. Stay with us and keep up for the latest updates.

List WordPress Block Experience-Based Overview
Next post
Heading WordPress block - a Detailed Overview
Prev post
List WordPress Block Experience-Based Overview
Next post

Get Gutenix Subscription

Create unlimited Gutenberg, Brizy and Elementor websites with dozens of templates, premium blocks and a lightweight theme — all in one toolkit!

Meet Gutenix, the devoted team of developers that stands behind many projects created with Elementor & Gutenberg. We're inspired by WordPress, and are always looking for an opportunity to make WordPress easier for everyone.
Subscribe to get the news from Gutenix! Be the first to know of updates & discounts!
Enter a valid email!
Server error. Please, try again later!
Form was successfuly submited!
Follow Us: