Need help? Check out our Support site, then


Change background color in Black Letterhead?

  1. I would like to move my blog over to the Black Letterhead theme, but change the entire background (to white #FFFFFF). Subsequently, change the color of the type (to simple black #00000), the post titles, etc. Switch everything around.

    It seems easy to do with the CSS upgrade, which I have, but I'm sort of a complete noob so I don't know the exact code...

    The blog I need help with is smellofpopcorn.com.

  2. Give this a try as a start. I've not include any changes for linked text in the content or sidebars.

    body, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, #header h1 a, #header div.description {
    color: #000000;
    }
    
    small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #000000;
    }
    
    #page, #header {
    background-color: #FFFFFF;
    }

    If you want to change the orange color of the links in the sidebar and content area, these two are what you would add and then edit the color codes as desired.

    a, h2 a, h3 a {
    color: #FD5A1E;
    }
    
    a:hover {
    color: #707070;
    }
  3. Thank you so much, appreciate the quick response.

  4. You are welcome.

  5. body, h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, #header h1 a, #header div.description {
    color: #000000;
    }

    small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
    color: #000000;
    }

    #page, #header {
    background-color: #FFFFFF;
    }

  6. I know I marked this topic as resolved, but something new came up and I'll appreciate all the help I can get...

    What can I do to fix the comments? Because it was originally supposed to be an ├╝ber-dark background, all the colors are thrown off and the text is sometimes unreadable. You can find what I'm talking about here.

  7. ...Bump....

  8. That is because the comments inherit the font colors from the "a" and "body" declarations, and the code that @iww4n gave didn't account for that thus turning everything black. Add the following to turn the font color in comments back to white.

    .commentlist {
    color: #FFFFFF;
    }
    
    .commentlist a {
    color: #FFFFFF;
    }

    The top is the comment content text, and the bottom bit is the username and date color in case you want different colors for each.

  9. Thanks for the reply. I inserted the code, but as you can see from this screenshot (I disabled the comments) the text still doesn't appear...

    I was also wondering - is it possible to change the black background of the comments section to white, so that the words remain black and so forth?More like the first comment.

  10. You've got 2 "s" in comment list selector like this:

    .commentlisst

    That is why it isn't working.

    To turn the background white, remove the two rules I gave you above and then add this:

    .commentlist li {
    background: transparent;
    }
  11. Hooray, it works! Just one more question - is it possible to remove the black bar between the post and the comments? I though it was the trackback section so I disabled it, but it's still there.

  12. That black bar is where the post metadata is. Add this to make the background white:

    .alt {
    background-color: #FFFFFF;
    }

    Of this if you do not want to have it at all:

    .alt {
    display: none;
    }
  13. All righty, I think that'll be all! Appreciate the quick help more than you can imagine. Thanks!

  14. Ack! This is sounding ridiculous and I apologize, but I just spotted another problem.

    When you go to post a comment, the line asking you whether you want to "subscribe" to the post's comments are white-on-white, and subsequently not visible...

  15. Add this. You can edit the color code as desired.

    .highlander-dark #respond label {
    color: #333333;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic