How do you adjust the padding around a 'Quote' Content Block?

Site URL: https://hananproducts.com/ready-to-whip-icings

How do you adjust the padding around a 'Quote' Content Block? Does it require custom CSS? If so, can someone share what code I would put in to tighten/reduce the padding around a default 'Quote' Content Block?

Thank you!!
Ryan

I don't see quote block in above link. Do you still need help on this?

On 12/2/2020 at 3:16 AM, tuanphan said:

I don't see quote block in above link. Do you still need help on this?

I'm looking for help with this exact same thing. I would like to reduce the padding above and below the quote. Can you please help?

Mine is on the home page on www.sisunaturals.com

Thanks! 

The easiest workaround is to use a text block instead of a quote block, type in your quote, place the authors name where you want it and then click the quote option " " in the text block menu bar. This adds quotes and a vertical  line like a quote block but  you have more  control over the space. 

On 2/10/2021 at 2:00 AM, sisunaturals said:

I'm looking for help with this exact same thing. I would like to reduce the padding above and below the quote. Can you please help?

Mine is on the home page on www.sisunaturals.com

 

Thanks! 

Do you still need help on this?

On 2/16/2021 at 10:10 AM, tuanphan said:

Do you still need help on this?

I would haha. I just found this and I also want to reduce padding over and under.

On 5/11/2023 at 1:15 AM, mariefalkering said:

I would haha. I just found this and I also want to reduce padding over and under.

I don't see the quote on homepage. Can you take a screenshot?

Hello @tuanphan It looks like this was never answered. I also am looking for a way to solve this. Here is my homepage. I know the workaround, but I much prefer the style of the quote feature, minus the extreme padding. Thank you so much!

24 minutes ago, uclabruin11 said:

Hello @tuanphan It looks like this was never answered. I also am looking for a way to solve this. Here is my homepage. I know the workaround, but I much prefer the style of the quote feature, minus the extreme padding. Thank you so much!

You can use this to Website Tools > Custom CSS

div.quote-block figure {
    padding: 0px !important;
}
div.quote-block figure span {
    display: none !important;
}

@tuanphan -- this works perfectly and easy to implement! Thank you so, so much! I truly appreciate it! 🙂