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
  • #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.
    #658853

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

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

    Best Regards,

    #659108

    kostasmorph
    Participant

    Hi,

    Find in the private content all the info.

    Ty

    #659215

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    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,

Viewing 4 posts - 1 through 4 (of 4 total)