Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2530086
How to add background color to blockquote
Closed

Comments

  • readutation started the conversation

    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. 

  •  2,699
    PenciDesign replied

    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 replied

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

  •  2,699
    PenciDesign replied

    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

    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! 

  •  2,699
    PenciDesign replied

    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