Changing colors in menu

Tagged: Change menu color

This topic has 5 replies, 3 voices, and was last updated 4 years, 10 months ago by Getdate.

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

Author

Posts
May 23, 2019 at 9:52 pm #53950

petegogetter
Participant

Hi I’m trying to change the primary menu color on tpalawyers dot com to white and the text to blue. When they hover over them, i’d like the hover color to be blue and the text to be white. Are there some codes you might recommend I enter into the Custom CSS section to get custom colors for the menu? Thanks

May 24, 2019 at 1:00 pm #53991
acmethemes
Keymaster
Dear PeteGoGetter,
Please add the given CSS code in Additional CSS.
Appearance > Customize > Additional CSS
```
.main-navigation ul li.current_page_item a,
.home-icon.front_page_on{
    background:#fff !important;
    color:blue !important;
}
.main-navigation ul li.current_page_item a:before{
    background:#fff;
}
.main-navigation ul li a:hover{
    background:blue !important;
    color:#fff;
}
.home-icon .fa{
color:blue !important;
}
.header-wrapper #site-navigation {
    border-bottom: 5px solid #fff;
}
.header-wrapper .main-navigation ul ul.sub-menu li > a, .header-wrapper .main-navigation ul ul.children li > a {
    background: blue;
}
```
Best Regards!
May 29, 2019 at 6:52 pm #54369

petegogetter
Participant

I would like to change the background of the primary color from the default color (dark grey) to blue? How would I do that? Thank you

May 30, 2019 at 12:42 am #54370

petegogetter
Participant

I meant to say primary menu (not primary color)

May 30, 2019 at 12:58 pm #54403
acmethemes
Keymaster
Dear PeteGoGetter,
Please add the given CSS code in Additional CSS.
Appearance > Customize > Additional CSS
```
.header-wrapper #site-navigation {
    background: #2a66d4;
}
```
Best Regards!
January 24, 2020 at 11:40 am #75301

Getdate
Participant

Thanks for the information. She is useful to me. I took advantage of it and she helped me.
getdate.ru
Author

Posts

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

You must be logged in to reply to this topic.