Change background color in Black Letterhead?

  • Author
    Posts
  • #945275

    maxlalanne
    Member

    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.

    #945436

    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;
    }
    #945559

    maxlalanne
    Member

    Thank you so much, appreciate the quick response.

    #945560

    You are welcome.

    #945616

    iww4n
    Member

    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;
    }

    #945635

    maxlalanne
    Member

    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.

    #945660

    maxlalanne
    Member

    …Bump….

    #945661

    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.

    #945662

    maxlalanne
    Member

    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.

    #945663

    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;
    }
    #945664

    maxlalanne
    Member

    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.

    #945666

    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;
    }
    #945667

    maxlalanne
    Member

    All righty, I think that’ll be all! Appreciate the quick help more than you can imagine. Thanks!

    #945668

    maxlalanne
    Member

    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…

    #945669

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

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

The topic ‘Change background color in Black Letterhead?’ is closed to new replies.