Aside Menu Color Change

Hello,

Please try to use the below custom CSS code and paste it to Theme Options >> Custom CSS >> Global CSS section. Change the color code as per your requirements.

/* 1. Change Aside Menu Background to #ededee */
.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp > .wd-sub-menu {
    background-color: #ededee !important;
}

/* 2. Change Aside Menu Font Color to Black/Dark */
.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp > .wd-sub-menu > li > a {
    color: #060505 !important; /* Adjust to #000000 if you want pure black */
}

/* 3. Fix the Hover/Opened State */
.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp > .wd-sub-menu > li:hover > a,
.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp > .wd-sub-menu > li.wd-opened > a {
    background-color: #114df4 !important; 
    color: #ff0606 !important;
}

Best Regards

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme:
https://www.trustpilot.com/review/xtemos.com

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

• This reply was modified 11 hours, 38 minutes ago by Aizaz Imtiaz Awan.