Home › Forums › WoodMart support forum › Change hover color in menu.

Change hover color in menu.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 19, 2022 at 3:09 pm #362321

    Pila Stone
    Participant

    Hi there,
    I created an additional menu for the single product page. Then in the Widget for Single Product Page Widget Area a WOODMART SIDEBAR MEGA MENU is inserted in which the menu for the single product is called.
    That also works wonderfully.
    As soon as I hover over the menu (hover) it changes color to gray.
    Is there a way that the menu is displayed with green as the background by default, for example, and then changes its color (gray) when hovering over it?

    March 20, 2022 at 8:21 pm #362472

    Elise Noromit
    Member

    Hello,

    Please insert the site admin access into the Private content below the message area. We will give you custom CSS or selector for the advanced typography.

    Best Regards

    March 20, 2022 at 8:54 pm #362478

    Pila Stone
    Participant

    Hier die Zugangsdaten

    March 21, 2022 at 1:55 am #362511

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    body.single-product .product_list_widget > li .wd-entities-title:hover {
color:red;
}

    Best Regards

    March 21, 2022 at 6:38 am #362537

    Pila Stone
    Participant

    Hi there,

    the script is inserted. But nothing changes. It stays grey.
    If the script works, can I also specify a hex number of the color instead of the color name (red)?.
    But like I said, it’s not working at the moment.

    March 21, 2022 at 6:46 am #362539

    Pila Stone
    Participant

    I also want the background to be gray by default, and when hovered over it, change to this color in HEX: #ca5526

    March 21, 2022 at 11:23 pm #362814

    Elise Noromit
    Member

    Hello,

    Please provide the screen of what you mean, I check the code and it works: https://gyazo.com/0eac1315dc0f958fc0e3f0872b0256fe

    Best Regards

    March 22, 2022 at 6:32 am #362865

    Pila Stone
    Participant

    Hi there,
    there is a misunderstanding. I mean the “Back to Shop” button.
    See image.
    I also want the background to be gray by default, and when you mouse over it, change that color to HEX:#ca5526

    Attachments:
    You must be logged in to view attached files.
    March 22, 2022 at 12:04 pm #363016

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .widget_nav_mega_menu .wd-nav>li{
background-color: grey;
}
.widget_nav_mega_menu .wd-nav>li:hover{
background-color: black;
}
.widget_nav_mega_menu .wd-nav>li a{
color:red;
}
.widget_nav_mega_menu .wd-nav>li:hover a{
color: white;
}

    Please set the colors as per your needs.

    Best Regards

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)