Menu colour on creative theme

• 

  ebonymccarthy · Member · Sep 14, 2019 at 1:09 am

  • Copy link
  • Add topic to favorites

  I’ve recently received help to change the standard menu colour for my primary menu to black using this code:

  .primary ul a, .primary ul a:visited, .menu-items ul a, .menu-items ul a:visited {

  color: #000000 !important;

  }

  And it worked a treat! And I have since found codes which allow you to change the colour when you hover over a menu item and when a particular menu item is selected:
  .current-menu-item>a {
  color: #f5567e !important;
  }

  ul.nav-menu li a:hover {
  color: #f5567e;
  }

  But I can’t seem to have both working at the same time; when I have the codes to change the colour when hovering and when a menu colour is selected, I can’t have the other menu items black, and vice versa.

  What codes can I use to get this?

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

• 

  khushbudesaiblog · Member · Sep 16, 2019 at 1:36 pm

  • Copy link

  Hello @ebonymccarthy,

  Please explain exactly what behaviour you are expecting.

  1. When the menu is displaying
  2. When hovering over the menu
  3. When hovering over submenu

  If there is anything more, please describe them too.

• 

  ebonymccarthy · Member · Sep 16, 2019 at 9:05 pm

  • Copy link

  Yes so I want the primary menu to black, but when hovering over the menu and submenu I want it to be pink, and when I am on a selected page I want that menu item to be pink as well.

  I have seen other people post codes to get these setting but they don’t seem to be working for me

• 

  khushbudesaiblog · Member · Sep 18, 2019 at 1:32 pm

  • Copy link

  Hi there,

  I want the primary menu to black,

  The same code as mentioned above

  .primary ul a, .primary ul a:visited, .menu-items ul a, .menu-items ul a:visited {
  
  color: #000000 !important;
  
  }

  but when hovering over the menu and submenu I want it to be pink,

  This behaviour is currently there on site.

  and when I am on a selected page I want that menu item to be pink as well.

  This behaviour is also there on the site.

• 

  ebonymccarthy · Member · Sep 18, 2019 at 9:46 pm

  • Copy link

  Hi,

  Yes I know those codes work, but when I add in this code:

  .primary ul a, .primary ul a:visited, .menu-items ul a, .menu-items ul a:visited {

  color: #000000 !important;

  }

  It cancels out the menu turning pink when you are hovering over it and when you are on the selected page.

  How can I have all these features working all at once?

• 

  khushbudesaiblog · Member · Sep 20, 2019 at 1:09 pm

  • Copy link

  Hi there,

  .primary ul a, .menu-items ul a {
  
  color: #000000 !important;
  
  }

  Could you try this code as I have eliminated two classes from the above code?

• 

  ebonymccarthy · Member · Sep 20, 2019 at 10:13 pm

  • Copy link

  Hi,

  I tried the code and it still hasn’t worked unfortunately, these are the codes I am using now:

  .primary ul a, .menu-items ul a {

  color: #000000 !important;

  }

  .current-menu-item>a {
  color: #f16990 !important;
  }

  ul.nav-menu li a:hover {
  color: #f16990 !important;
  }

  Should I change anything about the other ones?