Change color home main menu: .main-nav .item-level-0 in home page

This topic has 4 replies, 2 voices, and was last updated 6 years, 8 months ago by Artem Temos.

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

Author

Posts
January 19, 2018 at 11:17 am #34213

cri.galia
Participant

Hello!
I want change the color of menu in home page. I don’t see in theme settings where set the home page color menu.
In custom CSS I set “color: #250000 !important;” but not working!!!

.full-screen-nav .item-level-0>a,
.header-color-light .topbar-menu .item-level-0>a,
.menu-style-bordered .header-color-light .main-nav .item-level-0>a,
.menu-style-bordered .header-color-light .woodmart-header-links .item-level-0>a,
.menu-style-default .header-color-light .main-nav .item-level-0>a,
.menu-style-default .header-color-light .woodmart-header-links .item-level-0>a {
color: #250000 !important;

}

and also with home:

.home .full-screen-nav .item-level-0>a,
.home .header-color-light .topbar-menu .item-level-0>a,
.home .menu-style-bordered .header-color-light .main-nav .item-level-0>a,
.home .menu-style-bordered .header-color-light .woodmart-header-links .item-level-0>a,
.home .menu-style-default .header-color-light .main-nav .item-level-0>a,
.home .menu-style-default .header-color-light .woodmart-header-links .item-level-0>a {
color: #250000 !important;

}

January 19, 2018 at 11:21 am #34214

cri.galia
Participant

Main menu always blank

Attachments:
You must be logged in to view attached files.

January 19, 2018 at 12:43 pm #34229
Artem Temos
Keymaster
Hi,

Try to use the following CSS code for this
```
.home.menu-style-default .header-color-light .main-nav .item-level-0>a {
   color: #250000;
}

.home.menu-style-default .header-color-light .main-nav .item-level-0:hover>a {
   color: #250000;
}
```
January 19, 2018 at 12:58 pm #34238

cri.galia
Participant

Yes!!! Working!! Thanks

January 19, 2018 at 12:59 pm #34239

Artem Temos
Keymaster

Great, you are welcome!
Author

Posts