This was an annoyance ~ CSS to the rescue, 08/26 3

Quote w_Blue-gray backgroundThe Journalist v1.9 creator gives us a theme where the authors comments have a blue-grayish [#f3f3f3] background—fine. I like it, except when I quote material. I’ve tried everyway I know to change the white background around the quote to the #f3f3f3 color—no luck. I wrote the theme creator—no reply.

Using my Cascading Style Sheet (CSS) [statements quoted below], I can change this, so I did. I get the white background and my readers [who are less likely to comment with quoted material] get the blue-gray.

.commentlist li.bypostauthor {/*white background */
background-color:#fff;
}

.commentlist li {/*blue-gray background */
background-color:#f3f3f3;
}

The result is:

My commennt with a white background

Now the quote mark blends [the X%@ white background around them is not obvious].

Now solve one problem and maybe introduce another. When I reply to a reader’s comment, the white background of my comment is within the blue-gray background. It is not a sharp as I think it should be. I’ll likely add a border bottom and left [maybe right] and see which is more appealing to me. I have done so—no additional border on the right.

7 Responses

3 Comments

  1. My request sent to the theme creator:

    The Journalist v1.9 WordPress.com Theme

    Jim Artis [jalexartis@xxxxx.com]

    Sent: Thu 8/19/2010 2:45 PM

    To: ‘lucian@xxxxx.com’

    Hello Lucian,

    I am loving my new blog theme. Thank you very much!

    I do have a question. I want the white background of my block-quote gif to not be visible in my [the author comments] on my grey background. Is this possible. I have tried several CSS modifications. None work. I hope you can help me here. Thanks in advance. –jim artis

Okay, tell us what you think...

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s