Could I customize the color matching of megamenu?

This topic has 5 replies, 2 voices, and was last updated 2 months, 3 weeks ago by Hung Pham.

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

Author

Posts
August 27, 2024 at 10:11 pm #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.

August 28, 2024 at 11:46 am #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,

August 28, 2024 at 9:27 pm #593376

zhufan122881
Participant

Yes
That’s what i want
Thank you

August 29, 2024 at 3:09 pm #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,
August 30, 2024 at 2:05 am #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, 3 weeks ago by zhufan122881.
- This reply was modified 2 months, 3 weeks ago by zhufan122881.
Attachments:
You must be logged in to view attached files.
August 30, 2024 at 5:59 am #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,
Author

Posts