How to style a “blockquote” background

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.

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.

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 codejp3@gmail.com if you’d prefer to keep it private.

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 11 months ago by codejp3. Reason: added default values to second code snippet