Subcategories font color

Hello,

I have 2 questions:

1.On the left categoeries menu, how i can change the color of the subcategoeries font?I want it the same as categories(black and bold)…i attached screen.

2. Is it possible to change background on left menu(categories and subcategories)?

Thank you!

Attachments:

You must be logged in to view attached files.

Hello,

Try this code, add it in to Theme Setting > Custom CSS > Desktop

Subcategories font and background:

/*initial*/
.menu-simple-dropdown ul li a {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #494949;
    background: #000000;
}

/*on hover*/
.menu-simple-dropdown ul li a:hover {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #494949;
    background: #000000;
}

For Categories background:

/*initial*/
.header-categories-nav .categories-menu-dropdown .item-level-0>a {
    background: #000000;
}
/*on hover*/
.header-categories-nav .categories-menu-dropdown .item-level-0>a:hover {
    background: #000000;
}

Replace #000000 for your color.

Best Regards

How do i change color also on arrows?

Hello,

Please try this code:

.menu-simple-dropdown .menu-item-has-children>a:after {
    color: red;
}

Please change “red” for your color and add this code to Theme Settings > Custom CSS

If you have any questions feel free to contact us.

Best Regards

That work on subcategories but i want it also on categories

Attachments:

You must be logged in to view attached files.

Hello,

In order to change Categories items menu use this CSS:

.header-categories-nav .categories-menu-dropdown .item-level-0>a {
    background: #007bc4;
    color: #fff;
}

Put there colors which you want.

Best Regards

I am refering at the arrows..i want them white..not gray…in categories menu.

Hello,

Please try this code:

.woodmart-navigation .item-level-0.menu-item-has-children>a:after {
    color: red;
}

Change please “red” for your color.

Best Regards

Ok, thank you, it works.

I have one last issue whit the menu, i’m tring to have subcategories the same color like categories, i changed the code, but nothing works, i attached screens, what i’m doing wrong?

Attachments:

You must be logged in to view attached files.

Hello,

Please find this selector .menu-simple-dropdown ul li a in your custom CSS

/*initial*/
.menu-simple-dropdown ul li a {
    color: #494949;
}

/*on hover*/
.menu-simple-dropdown ul li a:hover {
    color: #494949;
}

Replace the color with color: #ffffff; and make different on hover.

Best regards

[Author]

Posts