Main Menu Text Color Change

• 

  chrisgidd1 · Member · Jul 22, 2015 at 6:56 pm

  • Copy link
  • Add topic to favorites

  I am new to CSS. I have successfully changed the background color of my menu but cannot change the text color to white, even though I have tried every suggestion I have found in this forum. Would appreciate your help

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

• 

  thesacredpath · Member · Jul 22, 2015 at 8:56 pm

  • Copy link

  Hi there, the following should get you what you want. The first is the normal menu items. The second is for the current page item (when you are on a page). The third adds just a little bit of padding on the left of the menu so that the “H” in Home isn’t flush up against the left edge of the purple background.

  .main-navigation a, .main-navigation li a {
      color: #fff;
  }
  .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
      color: #fff;
  }
  .main-navigation ul {
      padding-left: 10px;
  }

• 

  chrisgidd1 · Member · Jul 27, 2015 at 12:48 pm

  • Copy link

  Thank you for your help…works perfectly.

• 

  thesacredpath · Member · Aug 4, 2015 at 7:57 pm

  • Copy link

  You are welcome.