Alternating Quote Colors

[Newby]

The post colors are alternating, but the quote colors don't alternate between the different posts. Does that make sense? I just want to use two colors for all posts, quotes and subquote, so to be perfect the quote colors need to match the alternating of the posts.

What I'm asking is something I can add that makes the quote and subquote colors alternate just like the post colors do?

Thank you.

[Chris]

Jun 7, 2022 9:12:19 GMT -8 Newby said:

The post colors are alternating, but the quote colors don't alternate between the different posts. Does that make sense? I just want to use two colors for all posts, quotes and subquote, so to be perfect the quote colors need to match the alternating of the posts.

What I'm asking is something I can add that makes the quote and subquote colors alternate just like the post colors do?

Thank you.

They do alternate because you likely have the background color for both a top-level quote and sub-quote swapping backgrounds between odd and even with a common design setting the darker background posts to a lighter background top-level quote for contrast and then returning to a darker background for the nested quotes and vice versa on lighter posts. They would be accomplishing this by using the below example CSS pulled from a default theme where quote and sub-quote alternate depending on if in an even or odd post and also when nested within themselves.

Odd

.posts .post, .post .quote div.quote div.quote_body, .post.even .quote div.quote_body {
    color: #000000;
    background-color: #efefef;
}

Even

.posts .post.even, .post .quote div.quote_body, .post.even .quote div.quote div.quote_body {
    color: #000000;
    background-color: #f6f6f6;
}

You can define a different set of colors for those quotes and sub-quotes that appear in an even post while leaving the ones in odd post still following what was set in the default theme (which is what I *think* you are asking)

/* define overriding values for quotes in an even post */
.posts .post.even .quote div.quote_body{
   color: #f00;
   background-color: mistyrose;
}

/* define overriding values for sub-quotes in an even post */
.posts .post.even .quote div.quote div.quote_body{
   color: mistyrose;
   background-color: #f00;
}

SPOILER: Click to show