How to style a “blockquote” background

looking at it , it could be “pre” as i can see how to change quotes now ??

preformat background , how to change color ?

It has been a very busy time in my life lately. Give me a little bit to get to a good stopping point when I have access to my server and I’ll post some CSS snippets for you. One for site-wide and one for forum-only. Should be within a few hours at most.

Thank you ??

Before going the custom CSS route, see if the built-in styling options work for you.

In the Style Pack > “Quotes” tab (wp-admin/options-general.php?page=bbp-style-pack&tab=quote), #8 Background Color and #9 Border Color will probably take care of what you’re trying to achieve.

no, my bad its actually the <pre> code rather than <quote> code on that page – you can see its white on white

Are the PRE tags being added by a custom function, plugin, or theme? That’s not default bbPress or Style Pack behavior.

In order to provide working CSS code, I’d need to look at an example quote on your site. You can provide a link here publicly, or email it to [email protected] if you’d prefer to keep it private.

attached

https://imgur.com/a/NQH95DS

• This reply was modified 1 year, 4 months ago by Web Hippo.
• This reply was modified 1 year, 4 months ago by Web Hippo.

Seeing the actual site so I can inspect the code would help with giving you an accurate CSS snippet.

IF there’s a BLOCKQUOTE HTML tag within the PRE elements, then you could probably use something like this to unset the PRE styling, then the BLOCKQUOTE styling settings in Style Pack would take effect:

.bbp-reply-content > pre {
        all: unset;
        background-color: transparent;      
}

If there is no BLOCKQUOTE elements, then you’ll have to style the PRE elements specifically:

.bbp-reply-content > pre {
        border-left: 4px solid #cccccc9e !important;
        background-color: #eeeeee52 !important;
        color: #000000 !important;
        font-size: 12px !important;
        font-family: Arial;
        padding: 30px 20px 30px 20px !important;
        margin: 0 0 15px 0 !important;
        quotes: none !important;
}

The actual code on your site will determine which approach you need to take above.

Since I can’t test it, I can’t guarantee that it’ll work, but this should point you in the right direction.

Add ONE of those code snippets to the “Custom CSS” tab in Style Pack to test out (/wp-admin/options-general.php?page=bbp-style-pack&tab=css). I’d start with the first one to see if you can un-do the styling applied to PRE tags so that the Style Pack BLOCKQUOTE settings work as expected. If that doesn’t work, then you can manually style using the second code snippet.

• This reply was modified 1 year, 4 months ago by codejp3. Reason: added default values to second code snippet

I’m going to mark this as resolved, but feel free to post comments or questions if you have any.