Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 16, 2016 at 11:10 am #615425
    Missca

    Hello,
    I’m doing exactly the same organiszation as this topic :
    https://kriesi.at/support/topic/different-colors-for-menu-items/#post-255707

    So I looked for the menu item id and created this quick css :
    #menu-item-81 a {
    color: #cb342e;
    }
    …
    And the menu items colors haven’t changed… What’s wrong ? ;-(((

    Thanks for your help

    April 16, 2016 at 2:49 pm #615466
    Slavisa Ristic

    #menu-item-81 a{
    color: #cb342e!important;
    }

    April 16, 2016 at 3:27 pm #615470
    Vinay

    Hi!

    Please let us know if the above solution worked for you.

    @slavisa Thank you for sharing the tip.

    Regards,
    Vinay

    April 16, 2016 at 3:33 pm #615473
    Missca

    Hi !
    Well, It worked or making the dropdown fonts different colors, which I wanted, but how can I make the main menu item the different colors as well ???
    Here the website :

    Parents

    Thanks !

    April 17, 2016 at 11:07 pm #615935
    Missca

    Hi the Kriesi Team,
    Ok, I get it, it was because I did something wrong in Enfold Menu > Advanced stiling > Had the Main Menu link customed with a specific color…
    It works perfectly now.
    I wonder if it would also be possible to change the menu underline color in the exact same way ???
    Thanks again for your help.

    April 19, 2016 at 6:41 am #617122
    Rikard

    Hi,

    You should be able to set that in the Advanced Styling section as well, you will see the Apply only to mouse hover state option when you select the menu items.

    Regards,
    Rikard

    April 19, 2016 at 5:52 pm #617580
    Missca

    Yes, but it would affect all menu items, although I need one different color for each menu item…
    Thanks !

    April 20, 2016 at 2:59 am #617899
    Yigit

    Hey!

    Please try changing your code to following one 

    #menu-item-81 > a > .avia-menu-text {
color: #cb342e;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Regards,
    Yigit

    May 17, 2016 at 2:45 pm #633765
    Missca

    Hi the Kriesi Team,
    Here the code I use which is perfectly working :

    #menu-item-198 a > .avia-menu-text {
color: #7c243a;
} 

#menu-item-70 a > .avia-menu-text {
color: #ffa100;
}

#menu-item-75 a > .avia-menu-text {
color: #ea5084;
}

#menu-item-81 a > .avia-menu-text {
color: #cb342e;
}

    I have inserted the sub menu in the sidebar, and I would like it to be in the page colors.
    Could you tell me how to ?

    Thanks a lot for your great support !

    May 17, 2016 at 3:35 pm #633793
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .widget_nav_menu a {
    color: #cb342e!important;
}

    Regards,
    Yigit

    May 17, 2016 at 3:51 pm #633806
    Missca

    Hi again,,
    I haven’t been precise enough, I’m sorry.
    I have 4 pages : each of them has its own color.
    I need the sub menu, wich appears on the sidebar, to get in the page color.
    I tried to instert the code you sent me Yigit, but unfortunately it turned everything red… :-(
    Thanks !

    May 18, 2016 at 2:22 pm #634479
    Yigit

    Hi,

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

    .page-id-42 .widget_nav_menu a {
    color: #ea5084!important;
}
.page-id-35 .widget_nav_menu a,.page-id-48 .widget_nav_menu a,.page-id-50 .widget_nav_menu a,.page-id-275 .widget_nav_menu a {
color: #cb342e !important;
}
.page-id-60 .widget_nav_menu a,.page-id-62 .widget_nav_menu a,.page-id-58 .widget_nav_menu a {
    color: #ffa100!important;
}

    You have no subpages for your “Accueil” menu item so i am guessing that would be it.
    If that too does not help, please post a screenshot showing the changes you would like to make :)

    Best regards,
    Yigit

    May 18, 2016 at 10:07 pm #634801
    Missca

    Hello Yigit,
    That worked perfectly, thanks a lot !
    Have a great day

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘change Menu item colors’ is closed to new replies.