Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 12, 2017 at 12:26 am #759509
    DetelinaD

    Hi!
    I can’t find how I can change the color of the main menu link when visitor is on that page. I see how to change the regular color of the main menu link and the mouse hover state main menu link cover but not how to change the color of just the main menu link that goes to the respective page. For example is someone is on the About page, I’d like the color of the About main menu link to be darker not the same as the color of the other main menu links.
    Thank you!

    March 12, 2017 at 4:09 am #759526
    DetelinaD

    Thanks Mike. It doesn’t seem to work… I want it orange so this is what I’m inserting:

    .current_page_item a {
    color:#ff8200!important;
    }

    Is this correct?

    Thank you!!

    March 13, 2017 at 4:34 am #759802
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    .current-menu-item .avia-menu-text {
    color:#ff8200!important;
}

    Best regards,
    Rikard

    March 13, 2017 at 11:10 pm #760318
    DetelinaD

    Thank you. It does not work though…
    With the previous suggestion for this code:
    .current_page_item a {
    color:#ff8200!important;
    }

    I found it worked at least on mobile, and this latest suggestion for:
    .current-menu-item .avia-menu-text {
    color:#ff8200!important;
    }
    it does not work neither on mobile nor on desktop…

    March 15, 2017 at 4:52 am #761091
    Rikard

    Hi,

    The code I posted works when I check it in the Chrome console, did you try clearing your browser cache and reload a few times after adding it?

    Best regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.