Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #615425

    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

    #615466

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

    #615470

    Hi!

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

    @slavisa Thank you for sharing the tip.

    Regards,
    Vinay

    #615473

    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 :

    Thanks !

    #615935

    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.

    #617122

    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

    #617580

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

    #617899

    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

    #633765

    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 !

    #633793

    Hey!

    Please add following code to Quick CSS as well

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

    Regards,
    Yigit

    #633806

    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 !

    #634479

    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

    #634801

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

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