Okay
  Public Ticket #1195881
css classes menu
Closed

Comments

  •  3
    slego started the conversation

    Hi,


    trying to color my nav items on fullscreen menu in separate colors.

    Have inserted this code in the custom css

    .menu-item-1 a {
     color: #8d61d6; !important;
    }
    .menu-item-2 a {
     color: #f05b47; !important;
    }
    .menu-item-3 a {
     color: #4ee097; !important;
    }
    .menu-item-4 a {
     color: #7dd4f2; !important;
    }


    and then in the menu box in Appereance/Menus I have inserted the name of the css class. (menu-item-1 and so on.

    But nothing happens.

    Any advice ? 


  •  3
    slego replied

    My intention is to have them change from white to separate color on hover, clicked and active.

  •   slego replied privately
  • [deleted] replied

    Hi slego,

    This is a customization question and support doesn't offer customization services as we wrote on our support homepage. I will try to help you this time though

    If you are talking about the line under the link then to modify that you can use for example this CSS code:

    .menu1 a:after {
        background-color: #8d61d6 !important;
    }

    Have a great day!