I need help with css code -

I need help with the code at my blog, the faq help section was no help, the problem is that I cannot figure out how to modify the size and color of the font of the comments, the post's font was easy, but nothing I have done works on changing the comments font.

It's css code.

Here is the url, if anyone knows how to do this go to a comment and check out the code, if you know what I need to do please let me know .

http://vedic-varnashrama-blog.blogspot.com/

CODE

.whateverstyle {
font-family: Verdana;
font-size: 9pt;
color: #333333;
}

Stick that in the CSS definitions. Use it as follows:

CODE

Here is text with those definitions.

OR

CODE

Here is text with those definitions.

If you want to use it for an entire section.

Or, if you want to just use it in a single place instead of on many occasions, you can just stick it directly inside the tags:

CODE

Text here goes.

Thanks Madhava, but it didn't work, I don't know what I am doing wrong,

CODE

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}
#comments h4 strong {
font-size:130%;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block dt {
margin:.5em 0;
}
#comments-block dd {
margin:.25em 0 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 0 2em;
font:78%/1.4em"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.comments text {
font-family: Verdana; <----------this is what I added from your suggestion
font-size: 130%;
color: gold;
}
.deleted-comment {
font-style:italic;
color:gray;
}

This is the bottom part ,I don't know where to put the rest of the code, I Tried a few places, but nothin worked.

CODE

<$BlogItemCommentCount$> Comments:

<$BlogCommentAuthor$> said...: <$BlogCommentBody$>; <$BlogCommentDateTime$>
<$BlogCommentDeleteIcon$>

<$BlogItemCreate$>

<< Home

Madhava - Thu, 03 Jun 2004 04:48:21 +0530

Oddly, there doesn't seem to be a class defined for comment-body. Stick this in at the end:

CODE

.deleted-comment {
font-style:italic;
color:gray;
}
.comment-body {
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 9pt;
color: #333333;
}

That'll change the style of the comments. Modify the font definitions as required. Feel free to ask if you need other CSS tidbits to further modify the look of the font.

When you quote code, by the way, please include it within code tags. Makes smoother reading.

dirty hari - Thu, 03 Jun 2004 08:06:32 +0530

Thanks for the help but it's a no go, I put the style in but nothing happened, so then I added the bottom part still nothing.

Madhava - Thu, 03 Jun 2004 17:46:44 +0530

Then do this:

CODE

<$BlogCommentBody$>

dirty hari - Thu, 03 Jun 2004 23:29:25 +0530

I was making a basic mistake, your original advice :

QUOTE

.comment-body {
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 9pt;
color: #333333;
}

Which I had tried before asking for help...actually works.(argh)

I made the mistake of previewing the blog to see if it worked, but it never showed up, that was because I needed to republish it in order for changes to show up on the comments page...DOH!

Thanks though for your patience.

Madhava - Fri, 04 Jun 2004 00:32:46 +0530

I'm glad it worked.