Active link color

  • Resolved Daniel

    (@marketinggreenpaint)


    5 years, 5 months ago

    Hello,

    So I had this fixed, but the recent update unfixed this.
    The Main menu active link colour that if I remember correctly I changed with CSS, recently changed due to the update. To fix this I changed the colour in: Theme Options > Menu > Primary Menu: Menu Item > Menu Item Active Color.
    The thing is, if you visit my website, that colour is the same as background colour, so when I visit any of the pages (cork for example), it blends in.
    What I want to achieve is to change the main menu active link colour to white for example. But ONLY the main menu, not the submenus, those are fine.

    Hope you can help me once again,
    thank you very much in advance
    Daniel

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi Daniel,
    Can you check if you’ve added code like this:
    .tg-primary-menu>div ul li:active>a, .tg-primary-menu>div ul>li:not(.tg-header-button-wrap).current_page_item>a, .tg-primary-menu>div ul>li:not(.tg-header-button-wrap).current-menu-item>a {color: #a6ce38;}

    If yes, you can remove that and it should work fine.

    Thanks.

    Thread Starter Daniel

    (@marketinggreenpaint)

    @themegrillteam I don’t have that code on my style.css.

    currently using this

    .tg-primary-menu>div ul ul li.current-menu-ancestor > a {
      color: #a6ce38;
  }
  
  .tg-primary-menu > div ul li ul li:hover > a {
      color: #a6ce38;
  }

.tg-primary-menu > div ul li ul li a:hover, .tg-primary-menu > div ul li ul li:hover {
      color: #a6ce38 !important;
      background-color: #d6d6d6;
  }

    Can you check if you’ve added #a6ce38 color to Active Menu Item via Customizer or Page Settings?

    Thread Starter Daniel

    (@marketinggreenpaint)

    @themegrillteam
    Yes I have #a6ce38 color in the active menu item, because it also changes the submenu active color.
    Picture examples here:
    1) https://imgur.com/a6qjmwW
    2) https://imgur.com/emgQ1uI

    My end is goal is that the pink in the image 1) stays green (I can do that with the Active Menu Item via the customizer)
    AND
    I want the active link in image 2) goes white (when active).

    Please add this CSS:

    .tg-primary-menu > div > ul > li:not(.tg-header-button-wrap).current_page_item > a,
.tg-primary-menu > div > ul > li:not(.tg-header-button-wrap).current-menu-item > a {
    color: #fff;
}
    Thread Starter Daniel

    (@marketinggreenpaint)

    @themegrillteam Perfect! ??
    Thank you.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Active link color’ is closed to new replies.