Customizing Color for One Item in Navigation Menu

• 

  anybabycan1 · Member · Aug 20, 2015 at 1:56 pm

  • Copy link
  • Add topic to favorites

  I’m hoping to change the color (hopefully the bar color) for just one of the parent items listed in my navigation menu. Specifically, I’m looking to change the color of “donate” to make it stand out and be more visually appealing for visitors. Any alternatives you can offer would also be appreciated; I’m looking for an eye-catching option to attract users as soon as they land on the home page.

  The site in question is:

  Home Page

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

• 

  michaelvandenberg · Member · Aug 20, 2015 at 2:31 pm

  • Copy link

  Hi there,

  That’s quite easy actually, try this:

  #menu-item-787 a {
  	color: #ff0000;
  }

  And for the hover color add this:

  #menu-item-787 a:hover {
  	color: #00abff;
  }

  And if you want to change the background color, try this:

  #menu-item-787 a {
  	background: #000000;
  }
  
  #menu-item-787 a:hover {
  	background: #ffffff;
  }

  I hope this helps! Good luck!

  Regards,

  Michael

• 

  suprememarketinggroup · Member · Aug 20, 2015 at 3:06 pm

  • Copy link

  what would the code be to change them all?

• 

  anybabycan1 · Member · Aug 20, 2015 at 7:46 pm

  • Copy link

  Any chance you can give me the information for making the background yellow and the text blue?

• 

  michaelvandenberg · Member · Aug 21, 2015 at 8:25 am

  • Copy link

  Just change the hex color code to the color you wish to have.

  See this page to learn more:
  http://www.color-hex.com