[Support request] Reduce space between block quote and citation

[Linda]

Hi Support and Happy New Year,

I’m still struggling with CSS! I would like to reduce the space between a block quote and its citation.

Would I use the class I saw when I checked its HTML, ie., “wp-block-quote”? If so, since it will apply whenever I use a block quote, does the CSS go in Customizer? Finally, what should the actual CSS be?

Thanks for your help,

Linda

[Ying]

Hello Linda,

You could add a class eg. block-quote for the block quote you are using in block editor:
https://www.screencast.com/t/zboaTqSGhqq

Then use CSS to remove or reduce its bottom margin:

.block-quote {
    margin-bottom: 5px; /*you can adjust this number*/
}

And this is where you copy paste the CSS in Customizer:
https://www.screencast.com/t/mX9nnokb

Let me know 🙂

[Linda]

Hey, Ying, that’s perfect! Really appreciate you creating screencasts to show me exactly what to do. 🙂

Will post back how I do as soon as I give this a try (likely in a few days … too much year end leftover on the plate currently!!).

Thanks again,

Linda

[Ying]

No problem Linda 🙂

Let me know if you need further assistance.

[Author]

Posts