How to change the font color on the menu bar?

• 

  wolff1879 · Member · Sep 28, 2011 at 2:42 am

  • Copy link
  • Add topic to favorites

  I’m not trying to get custom fonts. All I’m trying to do is change the font color on the menu bars to match that of the text of the Header and the body on the site. I’d prefer for just one click to change all of the font on the entire website to the same color.
  Blog url: http://blackandgoldlegal.wordpress.com/

• 

  staff-blorbo · Staff · Sep 28, 2011 at 9:32 pm

  • Copy link

  To do this, you would need a Custom Design upgrade, which will allow you to modify the CSS for just the menu bar.

  http://en.support.wordpress.com/custom-design/

• 

  wolff1879 · Member · Sep 29, 2011 at 3:21 pm

  • Copy link

  Now that I’ve purchased the upgrade, can you tell me how to change the font colors on the menu bars and headers to my blog posts. Custom Design isn’t really giving me much options in the standard mode.

• 

  staff-blorbo · Staff · Sep 29, 2011 at 6:33 pm

  • Copy link

  Try this in your CSS tab:

  #access a{color:#[enter hex value here];}

• 

  wolff1879 · Member · Sep 29, 2011 at 7:28 pm

  • Copy link

  I go to the Custom Design page, then go to the CSS tab and then put the code in. Nothing happens. I know you guys are extremely busy answering questions, but if you could speak to me like I’m in kindengarden and I’m holding a 2 ton bomb and need to know how to diffuse it to save the world, I would be forever grateful.

• 

  staff-blorbo · Staff · Sep 29, 2011 at 7:52 pm

  • Copy link

  You added “Gold” instead of a hex value. If you want it to be just like the link color on your blog, try:

  #access a{color:#bc8e0b;}

• 

  wolff1879 · Member · Sep 29, 2011 at 8:50 pm

  • Copy link

  That worked for the menu bar but not the headers to the post.

• 

  staff-blorbo · Staff · Sep 29, 2011 at 10:00 pm

  • Copy link

  If you want it to be same color as the rest, try this:

  .entry-title{color:#bc8e0b;}

• 

  wolff1879 · Member · Sep 30, 2011 at 12:04 am

  • Copy link

  I posted this in the CSS stylesheet. It didn’t work. Am I doing it wrong?

• 

  staff-blorbo · Staff · Sep 30, 2011 at 12:14 am

  • Copy link

  Hm, try this instead:

  .entry-title a{color:#bc8e0b;}

• 

  wolff1879 · Member · Sep 30, 2011 at 12:32 am

  • Copy link

  Case Closed. Thanks a bunch!

• 

  wolff1879 · Member · Sep 30, 2011 at 12:34 am

  • Copy link

  Wait I jumped the gun. It only worked for the home page. The separate pages still have plain colored headers.

• 

  staff-blorbo · Staff · Sep 30, 2011 at 8:25 am

  • Copy link

  Try putting this back in, that should take care of it:

  .entry-title{color:#bc8e0b;}

• 

  wolff1879 · Member · Sep 30, 2011 at 2:57 pm

  • Copy link

  Nothing happened. Thanks for the effort though. It is very much appreciated.

• 

  evarlese · Member · Sep 30, 2011 at 4:08 pm

  • Copy link

  Could you try the following instead?

  .singular .entry-title { color:#bc8e0b; }