Theme: Responsive: Changing the color of main menu tabs

• 

  synergyinsuranceonline · Member · Dec 21, 2016 at 7:09 pm

  • Copy link
  • Add topic to favorites

  I want to know how to change the colors of the letters of the main menu tabs/ secondary menu tabs

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

• 

  thesacredpath · Member · Dec 21, 2016 at 11:45 pm

  • Copy link

  Hi there, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS and edit the color codes as desired. This is for the top menu, the one with the grey background. The first two rules are for the main top navigation colors (non-hover and hover) and the second for the submenus.

  .menu a {
    color: #cc0000;
  }
  .menu a:hover {
    color: #ffff00;
  }
  .menu li li a {
    color: #0000ff
  }
  .menu li li a:hover {
    color: #00ff00
  }

  For the bottom menu with the white background, add this and edit as desired. Again, the first two rules are for the top level menu items and the second two for the submenu items.

  .sub-header-menu a {
    color: #cc0000;
  }
  .sub-header-menu a:hover {
    color: #8000ff;
  }
  .sub-header-menu li li a {
    color: #0000ff;
  }
  .sub-header-menu li li a:hover {
    color: #00ff00;
  }

• 

  synergyinsuranceonline · Member · Dec 25, 2016 at 11:24 pm

  • Copy link

  Thank you very much

• 

  synergyinsuranceonline · Member · Dec 25, 2016 at 11:24 pm

  • Copy link

  Thank you very much

• 

  thesacredpath · Member · Dec 26, 2016 at 3:59 am

  • Copy link

  You are welcome.