Changing colors of a Browse categories menu on the left sode

Hi there,
I want to change completely menu background colors and font colors when it is off, hover and active.
Along side with submenu of those menus.

How can I do it in the easiest way?

I have try changing correspondent CSS classes – but I find it very difficult to do it.
Please see the screenshot of what I ment.

Attachments:

You must be logged in to view attached files.

Hello,

To change the colors of the links you need to use Advanced typography settings Under Theme Settings >> Typography.

Screenshot for Clarification: https://ibb.co/zS5PGLM

To change the background-color of the main menu you need to Go to WoodMart >> Header Builder. Row background in which the menu is added.

Screenshot for Clarification: https://ibb.co/ynB2V6X

You can also read our detailed documentation in the following link:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards.

Hi Aizaz,

I can not find where I can change background color of the main menu, sub-menu and sub-sub-menu. I want three different backg colors for the menu, sub–menu and sub-sub-menu, and then three different colors for the font active, hover and off color…
It seems I need to do that with CSS? If that is in question then what CSS classes I need to change.

Regards

Hello,

Please use the below custom CSS code and paste it to Theme settings >> Custom CSS >> Global CSS section:

.wd-nav-vertical.wd-design-with-bg>li:is(.wd-opened,:hover)>a {
    background-color: red;
    color: white;
}

html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a:hover {
    color: rgb(30, 115, 190);
    background-color: red;
}

Otherwise, if the issue still exists then please share the WP admin login details of your site so I will check and give you a possible solution.

Best Regards.

Hello Aizaz,

Thank you.

I found that first class does not work anything (at least I can not see).
But the second one is working what I want.

Can you just confirm what is for the first class?

Regards,

Hello,

The first custom CSS code is for hovering over the first category menu. https://ibb.co/khjwKHN

.wd-nav-vertical.wd-design-with-bg>li:is(.wd-opened,:hover)>a {
    background-color: red !important;
    color: #fff !important;
}

If still not work then let me know I will check and add it directly on your site.

Best Regards.

Thank you.
It is working now.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts