how to change navigation link colors

• 

  salomedadiani · Member · Oct 7, 2015 at 12:45 pm

  • Copy link
  • Add topic to favorites

  Hi! I’m currently using Anemone on my site (optimusge.wordpress.com) and it has white navigation links – I’d really like to change them to black. Does anyone have any advice on how I can do that? Thanks!

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

• 

  staff-loquaciousloon · Staff · Oct 7, 2015 at 2:33 pm

  • Copy link

  Hi there!

  This code will change the colors of the navigation links and the search icon to the right of them, all to black:

  .sf-menu a, .sf-menu a:visited, .site-search a, .site-search a:visited {
      color: #000;
  }

  You can also find some handy tips on using CSS, and how to find the right selectors on these two pages:
  https://en.support.wordpress.com/custom-design/css-basics/
  https://dailypost.wordpress.com/2013/07/25/css-selectors/

  That will help you locate the things you need for future CSS adjustments!

• 

  salomedadiani · Member · Oct 7, 2015 at 3:11 pm

  • Copy link

  it did not worked :(

• 

  ehtis · Staff · Oct 7, 2015 at 4:28 pm

  • Copy link

  Let me chime in! :)

  @salomedadiani,

  This should do the job if you want the entire navigation bar as black, including search/home icons:

  #site-navigation a {
  	color: #000;
  }

  This will make only the navigation links black:

  #site-navigation .site-primary-menu a {
  	color: #000;
  }

  @Chad, hey, not sure why yours didn’t work, does the trick with !important rule though!