Change background color in Black Letterhead?

• 

  maxlalanne · Member · Jul 13, 2012 at 7:50 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  thesacredpath · Member · Jul 13, 2012 at 9:14 pm

  • Copy link

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

• 

  maxlalanne · Member · Jul 14, 2012 at 6:08 pm

  • Copy link

  Thank you so much, appreciate the quick response.

• 

  thesacredpath · Member · Jul 14, 2012 at 6:11 pm

  • Copy link

  You are welcome.

• 

  iww4n · Member · Jul 16, 2012 at 6:50 pm

  • Copy link

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

• 

  maxlalanne · Member · Jul 18, 2012 at 3:33 pm

  • Copy link

  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.

• 

  maxlalanne · Member · Jul 22, 2012 at 6:56 pm

  • Copy link

  …Bump….

• 

  thesacredpath · Member · Jul 22, 2012 at 7:30 pm

  • Copy link

  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.

• 

  maxlalanne · Member · Jul 23, 2012 at 2:12 am

  • Copy link

  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.

• 

  thesacredpath · Member · Jul 23, 2012 at 2:37 am

  • Copy link

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

• 

  maxlalanne · Member · Jul 23, 2012 at 1:50 pm

  • Copy link

  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.

• 

  thesacredpath · Member · Jul 23, 2012 at 5:24 pm

  • Copy link

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

• 

  maxlalanne · Member · Jul 23, 2012 at 7:59 pm

  • Copy link

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

• 

  maxlalanne · Member · Jul 23, 2012 at 8:03 pm

  • Copy link

  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…

• 

  thesacredpath · Member · Jul 23, 2012 at 8:46 pm

  • Copy link

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

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