Home › Forums › WoodMart support forum › Sub categories dropdown css and change of the background color of menu item

Sub categories dropdown css and change of the background color of menu item

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 6, 2025 at 9:41 pm #658716

    kostasmorph
    Participant

    Hi,

    I need some help on changing the css of the dropdown menu of the subcategories under the page title. I would like to know how to change the backround color , the text color and font of this menu. You can see the 1st attachment. Also i would like to tell me how to change the background color of the menu i display in the 2nd attachment. This menu appears if i hover to the Shop item of the main menu.

    Thank you.

    Attachments:
    You must be logged in to view attached files.
    May 7, 2025 at 12:42 pm #658853

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Can you please share the page URL so I can check and give you a possible solution?

    Best Regards,

    May 8, 2025 at 10:51 am #659108

    kostasmorph
    Participant

    Hi,

    Find in the private content all the info.

    Ty

    May 8, 2025 at 3:05 pm #659215

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS and change the value as per your requirements.

    .wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu {
    background-color: black !important;
}

.page-title .wd-nav-product-cat .wd-sub-menu  {
    --sub-menu-color: #ea0b0b !important;
    --sub-menu-color-hover: #ffffff (--nav-color-hover) !important;
}

 .page-title .wd-nav-product-cat .wd-dropdown li a {
    font-size: 30px !important;
     font-family: sans-serif;
     line-height: 10px;
}

    Best Regards,

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