Needing help with styling comment box!

[LauraJae]

I'm not the best at programming, I can just about do python, but I need some help with simple css styling!

[CODE]
<!-- begin htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
<script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&mod=%241%24wq1rdBcg%24Zm/VrTRsqRMQBAdyE823s1"+"&opts=478&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/
</script>
<!-- end htmlcommentbox.com -->
[ICODE]

I want the submitted comments to be white, but when I add code the original owner has given us, it just turns the username white.

Any ideas?

[SB65]

Really need to see the generated html but you might try:

#HCB_comment_box{color:#FFF}

If this doesn't work post a link to your page, or the actual html produced by your script - use Firebug or something similar to get this.

[LauraJae]

I installed firebug and it won't work. Does the inspect element thing do the same?

Here's one of the pages where the comment box is installed

[SB65]

Originally Posted by LauraJae

Here's one of the pages where the comment box is installed

Where?

[tempz]

Try:

#HCB_comment_box blockquote {margin: 10px;overflow: hidden;color: white;}

Test: http://jsfiddle.net/fVtsJ/

[LauraJae]

That's weird! It must have been filtered out...

Find it HERE

Anyway, the owner said that it needs style tags to work. The website for the actuall comment box can be found HERE

It doesn't seem to work @Tempz

[SB65]

Try:

#main-wrap #HCB_comment_box blockquote {color:white}

(The #main-wrap is required in the selector to give a higher specificity than this statement:

#main-wrap .container blockquote {
    background: url("theme/saperator-v.png?984031") repeat-y scroll left top transparent;
    border-left: medium none;
    color: #999999;
    font-style: italic;
    margin: 15px 0;
    padding-left: 30px;
}

- which is why the suggestion above doesn't work.)

[LauraJae]

So how would insert into the javascript?

[tempz]

Originally Posted by LauraJae

So how would insert into the javascript?

You don't; when you output the JavaScript, this will automatically style it from your style-sheet

[LauraJae]

Oh, I put this in my style sheet! I get it now :0

Thank you so much! It works!