Changing block quote size in gutenberg

admin管理员组

文章数量:1124168

Hello I have tried to change the size of the blockquote in Gutenberg editor by switching to HTML and changing the text font. But it doesn't work. I still have gigantic size block quotes that take up too much space. See screenshots. Can somebody help?

thanks a lot

Hello I have tried to change the size of the blockquote in Gutenberg editor by switching to HTML and changing the text font. But it doesn't work. I still have gigantic size block quotes that take up too much space. See screenshots. Can somebody help?

thanks a lot

• block-editor

Share Improve this question asked Jul 16, 2020 at 21:34 Isabella Biava - Boundless RoaIsabella Biava - Boundless Roa 1111 bronze badge 1

• In the sidebar there is a selection of block styles, including a large and default variation. However your theme controls the final size of the blockquote, not the editor. You should contact your theme vendors support routes – Tom J Nowell ♦ Commented Aug 16, 2020 at 22:22

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 1

This is controlled by your theme's css and currently this is not customizable directly within the side editing panel within Gutenberg but can be updated by updating your theme's CSS (typically named style.css) .

The exact css selectors may slightly change for each theme but the following may work for many themes.

.entry-content .wp-block-quote p {
  font-size: 3px;
  font-style: normal;
  line-height: 1.8;
}

Note that if you place inside your theme's CSS file and update your theme, the change will be lost. so you can either make a child theme or save this somewhere else and then if your theme is updated, copy this back in.

just add blockquote to div

<div class="blo">
  <blockquote>
    your text (no need to add <p> tag)
  </blockquote>
</div>

CSS file:

.blo blockquote{
   font-size: 3px;
   color: red;
   //or any style you need
  }

this code is tested, and worked fine

本文标签： Changing block quote size in gutenberg