Navigation links colour change

• 

  mallowdeen · Member · Oct 20, 2016 at 8:44 am

  • Copy link
  • Add topic to favorites

  Hi,
  I’m using the Creative theme as well. I need to change the colour navigation links. The following code did not work:

  nav.primary-menu {
  background-color: grey;
  }

  #header-container nav li a {
  color: yellow;
  }

  #header-container nav li a:hover {
  color: red;
  }

  Thanks in advance

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

• 

  innisfreehomestead · Member · Oct 20, 2016 at 5:19 pm

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should change the colour of your text:

  #menu-primary-items ul a {
  	color: #d2b755;
  }
  
  #menu-primary-items ul a:hover {
  	color: #ff0000;
  }

  Then for the background colour, I wasn’t sure if you were trying to make it just behind the menu change colour, or the whole bar, so here is the code for both, you’ll only need one or the other:

  /* Just behind the menu */
  #menu-primary-items > ul {
  	background-color: #f9f9f9;
  }
  
  /* Behind the entire header bar */
  #masthead {
  	background-color: #f9f9f9;
  }

  Let me know if that doesn’t work!
  Sage