Aside Menu Color Change

Hi Support,

Currently, my aside menu is set to Black by default but I want to change it to #ededee. How can I do it? I am unable to find any option in theme. Please guide

Hello,

Navigate to Theme Settings > Styles and Colors > Colors > change the primary color and check how it works.

If you want to change only in the aside drop-down menu, please try to use the below custom CSS code and paste it to Theme Options >> Custom CSS >> Global CSS section:

div.wd-dropdown-menu.wd-design-aside.wd-style-with-bg .wd-sub-menu-wrapp>.wd-sub-menu{
    background-color: #ededee;
}

Best Regards

Sir, how do I set set font color of Aside menu to Black or Dark?

I have changed Primary Color in style and Aside Menu color got changed. This code wasn’t working. Now, my Menu’s hover color is also set to #ededee. How can I fix it?

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

Sir, please visit my website once and check Header Menu. Aside Menu background color is fixed as per my requirement. When it is hover, its text remains Black but when I leave it, it turns white. Since background color is very light, White is getting mixed in it.

The code that you shared didn’t worked.

I have fixed this the other way, thank you for help.

[Aizaz Imtiaz Awan]

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 9 hours, 19 minutes ago by Aizaz Imtiaz Awan.

[Author]

Posts