Set up a specific color on certain items of my main menu

• 

  lorenedevbil · Member · Feb 27, 2017 at 6:13 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I would like to set up 3 different colors for specific items of my main menu.
  Any idea how to do this?
  Thanks a lot

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

• 

  thesacredpath · Member · Feb 28, 2017 at 3:34 am

  • Copy link

  Using your web inspector, you can identify the unique CSS class for each menu item and then use that like the following example for your “I’m a parent menu item.

  #menu-item-1565 a {
  	color: #cc0000;
  }

• 

  lorenedevbil · Member · Feb 28, 2017 at 3:54 pm

  • Copy link

  Hello,
  It’s great!
  Would you mind giving me another tip please about how to color the backgroung of an item in my menu?
  I wish for my item “I’m a parent”, to have a blue background with a white font. So it looks like a button.
  Thank you in advance!
  Loren

• 

  thesacredpath · Member · Feb 28, 2017 at 8:21 pm

  • Copy link

  Hi, using what I had given you above as a guide, add a background-color declaration and set the colors as desired like this.

  #menu-item-1565 a {
  	background-color: #0C5FA9;
  	color: #fff
  }

• 

  lorenedevbil · Member · Feb 28, 2017 at 9:03 pm

  • Copy link

  Brilliant!
  Thank you so much

• 

  thesacredpath · Member · Mar 1, 2017 at 6:52 pm

  • Copy link

  You are welcome.