Menu Font Color Change

• 

  mathiasmethod · Member · May 1, 2016 at 1:55 am

  • Copy link
  • Add topic to favorites

  I would like to change the color of my upper and lower menu fonts. I have the Daily Mag theme which has an upper theme set to a white font and a lower menu set to a black font. What would the CSS code be to change these to any color, such as black on top and white on bottom?

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

• 

  thesacredpath · Member · May 2, 2016 at 10:43 pm

  • Copy link

  Hi there, if you wish the text on top to be black, then we will have to change the background color of that bar also.

  .secondary-navigation-container {
      background-color: #fff;
  }
  .secondary-navigation-container li a, .secondary-navigation-container li a:link {
      color: #000;
  }

  And this would change the bottom navigation text color to white.

  .nav-menu-wrapper a, .nav-menu-wrapper a:link {
      color: #fff;
  }
  #site-navigation .nav-menu, .menu-toggle, .nav-menu-wrapper li .sub-menu, .widget, .widget_calendar #calendar_wrap #wp-calendar tbody, .widget_calendar #calendar_wrap #wp-calendar thead, .nav-menu-wrapper li.menu-item-has-children > a::after, .article-popup {
      border-top-color: #fff;
      border-bottom-color: rgba(0, 0, 0, 0);
  }

• 

  mathiasmethod · Member · May 4, 2016 at 4:21 am

  • Copy link

  It worked Great! Thank you for the codes! I believe you are now my favorite person. You are very helpful and straight to the point. Perfect.

• 

  thesacredpath · Member · May 4, 2016 at 5:03 am

  • Copy link

  Thanks, and you are welcome. :)