Home Forums WoodMart support forum Could I customize the color matching of megamenu?

Could I customize the color matching of megamenu?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #593018

    zhufan122881
    Participant

    As shown in the picture.
    I want to customize the color of the drop-down menu

    Attachments:
    You must be logged in to view attached files.
    #593158

    Hung Pham
    Keymaster

    Hi zhufan122881,

    Thanks for reaching to us.

    You want to change the background-color to red and hover color to gray? Please confirm me back.

    Regards,

    #593376

    zhufan122881
    Participant

    Yes
    That’s what i want
    Thank you

    #593585

    Hung Pham
    Keymaster

    Hi zhufan122881,

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

    .wd-dropdown.wd-dropdown-cats{
    	background-color: #dd3333;
    }
    
    .wd-dropdown.wd-dropdown-cats .wd-nav-vertical>li>a{
    	color: #fff;
    }
    
    ul.wd-nav-vertical.wd-design-default>li:is(.wd-opened,:hover)>a{
    	background-color: #969391;
    }

    Regards,

    #593713

    zhufan122881
    Participant

    Thank you very much, I achieved the effect I wanted. These codes really work.
    Furthermore, I want the text and the icon in the options on mouse hover to turn white.
    I know you can do it, please help me make it happen.

    • This reply was modified 2 months, 1 week ago by zhufan122881.
    • This reply was modified 2 months, 1 week ago by zhufan122881.
    Attachments:
    You must be logged in to view attached files.
    #593731

    Hung Pham
    Keymaster

    Hi zhufan122881,

    These are images so you can’t change color via CSS.

    Navigate to Products > Categories > Edit Category > Upload the image for Header Menu and check again https://prnt.sc/pYs_8tfu3f6z

    Regards,

Tagged: 

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