Skip to content
Public Ticket #14026

How to add background color to blockquote

Conversation thread

PenciDesign replied

Staff Reply

Hi,

You can try add more this code to Customize > Custom CSS to do that:

.wp-block-quote.is-style-large, .wp-block-quote.is-large{ background: #cccccc; border-left: 4px solid #e0bbe4 !important;  }

Change the color codes   cccccc and e0bbe4 on the above code to color codes as you want.

You can get a color code here

Best Regards,

PenciDesign

readutation replied

Customer Reply

Ohhh, okay, I didn't know that it has something to do with the editor. Anyway, here is the link to the article. https://readutation.com/because-of-winn-dixie-by-kate-dicamillo-book-review

I just wanted to have a background color and also add a border to the left to signify that it's a blockquote. The Gutenberg editor does have a pullquote that allows background colors, but it's way too large for my taste. 

Thanks! 

PenciDesign replied

Staff Reply

Hi,

Ahh, because you're using "Blockquote" block from Gutenberg editor. So, it doesn't exitst that style.

Please show me URL of post you have this blockquote - I will check it to help you do that with some custom CSS. I can't check stylesheet with only a screenshot.

Best Regards,

PenciDesign

readutation replied

Customer Reply

I just want to add a background color as well as a border color, but I don't know how to do it. 

PenciDesign replied

Staff Reply

Hi,

Can you please show me URL of your blockquote and let me know what do you want to change there ( background, quote icon... ) ?

Best Regards,

PenciDesign

readutation started the conversation

Conversation Start

Hi!

So, I've been trying my best to change the background color of the blockquote. But somehow, no matter how many times I change the color under the "Colors for Single Post" part of the customizer, nothing still changes. The blockquotes are still in their default colors. I'm honestly so confused and frustrated at this point. 

Can you please help me with this matter? Thanks. 

Want to join this conversation or access attachments? Sign in first.