Changing main menu color

• 

  eph3dra · Member · Sep 10, 2015 at 6:44 am

  • Copy link
  • Add topic to favorites

  Hi !
  My main menu & website title used to be in white font with a gray background (background only when scrolling down) and for some reason it changed to a black font… How can I get the font white again ?
  Same problem on my two blogs :
  http://ephedra-tribal.com
  http://ephedratribal.com
  Thanks for your help

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

• 

  aicy11 · Member · Sep 10, 2015 at 9:55 am

  • Copy link

  Hey there! :)

  Try this CSS code:

  #wrap #header .site-title a {
      color: #fff;
  }
  
  #wrap #header .menu a, #wrap #header .menu a:link {
      color: #fff;
  }

• 

  eph3dra · Member · Sep 10, 2015 at 10:07 am

  • Copy link

  Thank you !
  That worked perfectly on one of my blogs but not on the other one http://ephedra-tribal.com
  It only changed the color of the title & 2 menu items… :(

• 

  aicy11 · Member · Sep 10, 2015 at 10:09 am

  • Copy link

  Hi! :)

  I can see the changes worked perfectly on both of your blogs. Maybe try clearing your browser cache.

• 

  eph3dra · Member · Sep 10, 2015 at 11:32 am

  • Copy link

  I cleared my browsers’ caches. What happens now is that the menu font is white until I click on it, then it becomes black again :(

• 

  aicy11 · Member · Sep 10, 2015 at 11:35 am

  • Copy link

  Could you please try adding !important tag?
  Like this one:

  #wrap #header .menu a, #wrap #header .menu a:link {
      color: #fff !important;
  }

  Let me know how it goes. :)

• 

  eph3dra · Member · Sep 10, 2015 at 11:46 am

  • Copy link

  Finally nailed it !! :) Thank you so much !

• 

  aicy11 · Member · Sep 10, 2015 at 11:47 am

  • Copy link

  Glad it worked! You’re welcome! :)

• 

  eph3dra · Member · Sep 10, 2015 at 11:55 am

  • Copy link

  Ooooh non ! now the scroll down menu is white and it is invisible… what a pain this is ^^
  Check Learn->Classes->…

• 

  aicy11 · Member · Sep 10, 2015 at 11:58 am

  • Copy link

  Can you try adding this CSS code?

  #wrap #header .menu li li a, #wrap #header .menu li li a:link {
  color: #999;
  }

  Just change the values as needed. Let me know if it works.

• 

  aicy11 · Member · Sep 10, 2015 at 11:59 am

  • Copy link

  Oops. I forgot. Try adding !important tag as well.

  #wrap #header .menu li li a, #wrap #header .menu li li a:link {
  color: #999 !important;
  }