Okay
  Public Ticket #3595693
Main Menu Hover Color - Kalium (Construction)
Closed

Comments

  • Sam_35 started the conversation
    February 29, 2024 at 11:25am

    Hi, I would like to change the hover color at the main menu (Theme: Kalium/Construction). I already tried this but no effect:

    Appearance > Theme File Editor > style.css > Hover Style and change #f7c016 to my color. 

    But it takes no effect. Where is the code to change the color? Thanks

    Attached files:  submit_ticket.JPG

  •  1,558
    Laborator replied
    March 1, 2024 at 8:53am

    Hi Sam,

    You will have to change two lines of code to change the color, you can find these and change in the file or you can overwrite through Custom CSS area:

    /* Menu: Hover Style */
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul>li>a:hover span, 
.main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu>li>a:hover span {
    background: #ff0000 !important;
}
/* Menu: Active menu style */
li.current-menu-item a span {
    background: #ff0000!important;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group