How to change color, hover and font size of menu

• 

  pierphilipperioux · Member · Feb 15, 2017 at 6:09 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I would like to change the menu color and font color of my website menu.

  I can’t change it in the css, I guess I don’t have the right selector.

  Could anyone help me?

  Many thanks

  ledetour.media

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

• 

  thesacredpath · Member · Feb 15, 2017 at 9:22 pm

  • Copy link

  Hi there, to change the color of the menu items and the font size, add the following custom CSS and adjust as desired.

  .main-navigation li a {
  	color: #f03941;
  	font-size: 120%;
  }

• 

  dixietrial · Member · Feb 17, 2017 at 2:42 pm

  • Copy link

  Is there a way to change the font color of just one of the items on the menu? I want to make it stand out more.

  I’m working on dixieblue.com

• 

  thesacredpath · Member · Feb 17, 2017 at 8:56 pm

  • Copy link

  Yes, we can do that by targeting the menu item using it’s unique menu item id from the “li” element of that menu item. You can find that by inspecting the element with your Web Inspector.

  As an example, the following targets your Services menu item.

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