Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #1195881
css classes menu
Closed

Comments

  •  3
    slego started the conversation
    June 5, 2017 at 7:49pm

    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
    June 5, 2017 at 8:28pm

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

  •   slego replied privately
  • [deleted] replied
    June 6, 2017 at 7:56am

    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!