Making site font colors default to true black like they should

• 

  idoceremonies · Member · Jul 27, 2014 at 3:06 pm

  • Copy link
  • Add topic to favorites

  changing site font color
  Yes, I upgraded but not clear on how to change CSS to make the Titles that show at the top of each page to be Black 00000. Though the site is supposed to be font color black, it’s not. I regularly have to highlight after adding content and make it be black. I am very frustrated that it’s not doing what it should automatically.
  Also the page titles (tabs) are more gray than black, this has always annoyed me to…makes it hard to read. I would LOVE help. Thank you!!

  The blog I need help with is: (visible only to logged in users)

• 

  gracejiyoung · Member · Jul 28, 2014 at 4:08 pm

  • Copy link

  Hi there!

  Sure! Please go to Appearance > Customize > CSS and try adding this:

  .menu ul li a {
  	color: black;
  }

  That should make the entire menu’s font black! Let me know if you have any questions with this!

• 

  idoceremonies · Member · Jul 29, 2014 at 12:00 am

  • Copy link

  Hi! Thank you for the quick help. I realized after I posted this issue, that with this design, the menu was a lighter color so when people are on that page it became darker. Well, now that the menu is black, I need it to be lighter when visitors choose a page so they know they are are on that tab. I hope that made sense. :) I seems that this is a better design for ease of reading the website…black on menu and med gray when someone is hovering over it and/or is actually on that particular page. I sincerely appreciate your help. I am slowly learning code, but definitely still need help!

• 

  idoceremonies · Member · Jul 29, 2014 at 12:03 am

  • Copy link

  Me again, is the current hover a dark or medium gray? The variation from black is so slight (especially on smaller monitors) it is hard to notice the change. Again, trying to make easy for customers :).

• 

  idoceremonies · Member · Jul 29, 2014 at 12:25 am

  • Copy link

  Okay, the other other thing is something has happened to my links. It is suddenly defaulting to a color that I am not choosing. I want them to all be the same default blue. If it’s a link, I want it blue. I don’t want to have to make it blue, I just want it to default to that. I would love for all links, text or text in widgets to be blue and when hovered an underline appears.

• 

  gracejiyoung · Member · Jul 29, 2014 at 10:10 pm

  • Copy link

  Hi there,

  In order to change the color of the menu links that you are hovering over and the one you are on, remove the CSS I originally provided you and try adding this:

  .main-navigation ul li a {
  	color: black;
  }
  .main-navigation ul li a:hover, .main-navigation ul li a:active, .main-navigation ul .current_page_item > a, .main-navigation ul .current-menu-item > a, .main-navigation ul .current_page_ancestor > a, .main-navigation ul .current-menu-ancester > a, .main-navigation ul .current-cat a {
  	color: CSS COLOR VALUE;
  }

  Where it says CSS COLOR VALUE, please add the value of the color you want from here:

  http://www.w3schools.com/cssref/css_colorsfull.asp

  You can choose the grey that you want. As for the links – they do look like they are a blue color as seen here:

  

  If you want all the links in your sidebar blue add this to your CSS:

  #sidebar ul.xoxo li a {
  	color: #0000ff;
  }
  
  #sidebar ul li.page_item a {
  	color: #0000ff;
  }
  
  div.tt-tagline a {
  	color: #0000ff;
  }
  
  a.tt-btn {
  	color: #0000ff;
  }

  Cheers!

• 

  idoceremonies · Member · Aug 7, 2014 at 7:39 pm

  • Copy link

  Thank you so much! I am much happier with the menu and the new sky blue hover color.

• 

  gracejiyoung · Member · Aug 7, 2014 at 7:49 pm

  • Copy link

  You’re very welcome!

  It looks great! The sky blue is a nice touch. :)

  Happy Blogging!