Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 9, 2017 at 11:15 am #806013
    bobbeach

    Hi

    Built a site with Enfold, looks great and the client is happy, so it’s all good. Now I need to add another page, but the client wants to highlight that additional menu item in another color – light blue instead of the gray I’m using now. Is this possible?

    Thanks
    Bob

    June 9, 2017 at 12:19 pm #806021
    Guenni007

    Yes – i think the easiest way is to give each Menu Point his own class

    (you can click every image to enlarge)

    Goto Menu and have a look on top of the window (red arrow – press the button)

    the slideing out gives you many oportunities – mark that Classes square

    now open the menu-point you like to give a class and input a classname in the concerning field:

    now you can select that menu point with the class you gave.

    in my example :

    li.special-color .avia-menu-text {
    color: #090;
}
    June 9, 2017 at 12:27 pm #806024
    Guenni007

    or you do it by counting the mainmenu points:
    this code will colorize the 3rd menu-point

    .main_menu #avia-menu li:nth-child(3) .avia-menu-text {
    color: #900;
}
    June 9, 2017 at 2:12 pm #806057
    Sarah

    Hi,

    Thank you for your help as always, Guenni!

    Bob, please let us know if you need any more help.

    Best regards,
    Sarah

    June 9, 2017 at 4:22 pm #806125
    bobbeach

    Absolutely superb. Thanks Guenni!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Change color of a single menu item?’ is closed to new replies.