CSS for Menu Colour Change

• 

  patelshreya01 · Member · Dec 29, 2016 at 2:53 pm

  • Copy link
  • Add topic to favorites

  -My webpage imshreyapatel.com

  – I want the menu to be white on the home page as the images are darker and covering the menu.

  – I want black on the rest of the pages.

  How can I do this?

  Shreya

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

• 

  kathrynwp · Staff · Dec 29, 2016 at 8:32 pm

  • Copy link

  This should do it:

  .home .nav-menu > li > a {
    color: #ffffff;
  }

  I still find it quite hard to read in white, so you might consider also making it a bit bigger and/or bolder:

  .home .nav-menu > li > a {
       color: #ffffff;
       font-size: 16px;
       font-weight: bold;
  }

  Let me know how it goes.

• 

  patelshreya01 · Member · Dec 30, 2016 at 11:35 am

  • Copy link

  Kathryn thank you so much for ur help in changing the colour as well as changing the sizing! This is super. It worked well.

• 

  kathrynwp · Staff · Dec 30, 2016 at 4:58 pm

  • Copy link

  Super! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.