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 #1863666
Underline hover menu size and color
Closed

Comments

  • Luigiderson started the conversation
    January 21, 2019 at 11:16pm

    Hi

    I want to know if its possible to change the size and color of the underline animation when you hover a element of the menu.

    Thanx!

  • [deleted] replied
    January 22, 2019 at 8:22am

    Hi Luigiderson,

    Please add the code below to your Custom CSS area:

    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul>li>a:after, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu>li>a:after {
    background-color: #3a2bff !important;
    height: 2px !important;
}

    Thanks!

  • Luigiderson replied
    January 22, 2019 at 5:57pm

    It works, very thanks! Is there any doc about all css elements we can edit. I mean, the name of the "class" or elements, example below.

    I have been using web dev tools, to select elements, but I couldn't find that animation "id".

    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul>li>a:after, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu>li>a:after
  • [deleted] replied
    January 23, 2019 at 8:14am

    Hi Luigiderson,

    Sorry but we have not added any documentation about this. Anyway, we will consider this.

    I wish you a great day!