I want to change the color of my font from white to black

• 

  nouaintradio · Member · Nov 10, 2011 at 2:28 am

  • Copy link
  • Add topic to favorites

  All I want to do is change the color of my font from white to black. Can somebody help? My blog is http://www.nouaintradio.com.

  Thanks!

• 

  thesacredpath · Member · Nov 10, 2011 at 2:36 am

  • Copy link

  Just so you can see what happens, do the following and look at your post text in black. It really cannot be read in black because there isn’t enough contrast with the background.

  body {
   color: #000000;
  }

• 

  nouaintradio · Member · Nov 12, 2011 at 7:01 pm

  • Copy link

  Thank you! How do you change the color of the headlines?

• 

  thesacredpath · Member · Nov 12, 2011 at 7:21 pm

  • Copy link

  This gets most all the white text, except for the “leave a comment” text. If you hover over that you will see a button background appears that is white so

  .entry-title a, h1, h2, h3, h1 a, h2 a, h3 a, .entry-info .comments-link a {
  color: #000000;
  }

  If you want to change the top white border on the text widgets, add this.

  .widget-title {
  border-top: 3px solid #000000;
  }

  This is just a suggestion, but the bluish-purple you have for links, and the grey for the metadata is completely unreadable to me, and I can hardly read the body text because the background image is so busy.

• 

  nouaintradio · Member · Nov 12, 2011 at 8:01 pm

  • Copy link

  Thank you! What about now? I took that background out. You’re a huge help! Last question – do you know how to create the “blocks” so that the content of my blog isn’t against the bacground. Hopefully that makes sense.

• 

  thesacredpath · Member · Nov 12, 2011 at 8:31 pm

  • Copy link

  Do you want each post to have a separate background and then a separate background for the sidebars? Or do you want one background that will be behind the content and sidebars?

• 

  thesacredpath · Member · Nov 12, 2011 at 8:31 pm

  • Copy link

  Much better by the way.

• 

  nouaintradio · Member · Nov 12, 2011 at 9:05 pm

  • Copy link

  Thanks! I think so too. I want each post to have a separate background and then a separate background for the sidebars.

• 

  thesacredpath · Member · Nov 12, 2011 at 9:54 pm

  • Copy link

  Coraline can, in some ways, be a little difficult to work with, but give this a try and see what you think. You can edit the background colors as you see fit.

  #primary, #secondary {
  background-color: #CCCCCC;
  }
  
  .widget-container {
  padding-left: 3px;
  padding-right: 3px;
  }
  
  .hentry {
  background-color: #CCCCCC;
  padding: 10px;
  }