Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question Needing help with styling comment box!

    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?

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,954
    Thanks
    9
    Thanked 725 Times in 719 Posts
    Really need to see the generated html but you might try:

    Code:
    #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.
    Last edited by SB65; 12-19-2012 at 08:41 AM.

  • #3
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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

  • #4
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,954
    Thanks
    9
    Thanked 725 Times in 719 Posts
    Quote Originally Posted by LauraJae View Post
    Here's one of the pages where the comment box is installed
    Where?

  • #5
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Try:

    Code:
    #HCB_comment_box blockquote {margin: 10px;overflow: hidden;color: white;}
    Test: http://jsfiddle.net/fVtsJ/

  • #6
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    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

  • #7
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,954
    Thanks
    9
    Thanked 725 Times in 719 Posts
    Try:

    Code:
    #main-wrap #HCB_comment_box blockquote {color:white}
    (The #main-wrap is required in the selector to give a higher specificity than this statement:

    Code:
    #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.)

  • Users who have thanked SB65 for this post:

    LauraJae (12-22-2012)

  • #8
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    So how would insert into the javascript?

  • #9
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    Quote Originally Posted by LauraJae View Post
    So how would insert into the javascript?
    You don't; when you output the JavaScript, this will automatically style it from your style-sheet

  • Users who have thanked tempz for this post:

    LauraJae (12-22-2012)

  • #10
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Oh, I put this in my style sheet! I get it now :0

    Thank you so much! It works!
    Last edited by LauraJae; 12-22-2012 at 06:12 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •