Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 28, 2016 at 5:55 am #705137
    lzevon

    I’m using a sidebar menu on 4 pages and each page represents a different product and has a different branding color (see link examples in private content).

    If I am on the ‘Appetizers’ (#menu-item-344) page, I want the [active] link in the menu color to be purple. If I’m on the ‘Burgers’ (#menu-item-343) page, I want the [active] link in the menu to be red and so forth. If the page is not active, I want the 3 inactive links to be the dark blue (#121f47).

    I can get either all the links on all 4 pages the same color, or I can get them each to be their own color, but all at once and not just for the active page!

    October 31, 2016 at 5:50 am #705965
    Jordan

    Hey lzevon,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    
.menu-item a {
    color: darkblue !important;
}
#menu-item-344.current-menu-item a {
    color: purple !important;
}

#menu-item-343.current-menu-item a {
    color: red !important;
}

    Best regards,
    Jordan

    October 31, 2016 at 5:55 pm #706356
    lzevon

    Thank you!

    October 31, 2016 at 6:07 pm #706365
    Basilis

    Hi,

    Glad we could help!
    We really appreciate it if you rate our theme on themeforest https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘custom link color in sidebar menu’ is closed to new replies.