Archived topic

Reduce space between block quote and citation

3 replies · Started by Linda on January 7, 2021

Viewing posts 1–4 of 4

January 7, 2021 at 10:55 am #1609946

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

January 7, 2021 at 1:23 pm #1610074

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 :)

January 7, 2021 at 4:41 pm #1610203

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

January 8, 2021 at 9:53 am #1611275

No problem Linda :)

Let me know if you need further assistance.

This archived topic is closed to new replies.

Start building better websites today.