change menu color

Hey there,

I am not sure I understood you correctly. Do you want the main menu and sub menu’s color to be same? Let us know ??

Hi

For this use below code in custom css field

.navbar .navbar-nav > .open > a
{
background: #FF4D00 !important;
}

then save and check your website

Thanks.

Hi @patrizialampis

any update here ?

Thanks

Hello, Thanks for the reply guys. It’s right, I would like the orange Also When the Cursor Move the submenu, WHILE WHEN now I move the cursor to the menu a submenu The main one remains blue … I added css code, but nothing happens … Thanks

Hi @patrizialampis

Kindly use below code in custom css field (Theme Dashboard >> appearance >> customize >> header setting >> custom css)

.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > li > a:hover { background-color: #ff4d00 !important;}

change color code as your need

any confusion let me know

Thanks.

No way, the base color is blue!

Hi @patrizialampis

Kindly indicate snapshot image.

Thanks.

• This reply was modified 8 years, 1 month ago by Imran Ali.

can not insert img try copying css code

.navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { background-color:#FF4D00 !important; } .dropdown-menu > li > a { border-bottom: 1px solid rgba(230, 35, 5, 0.95) !important; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color:#FF4D00 !important; } .navbar-nav > li > a:hover { background-color:#FF4D00 !important; } .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus { background-color:#FF4D00 !important; .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { background-color: #FF4D00 ; color: #FFFFFF; } .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { background-color: #C2B300; color: #FFFFFF; } .page-mycarousel { height:150px !important } .page-header-title { margin: 0 auto 0px !important; padding: 0px 0 !important; }
.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > li > a:hover { background-color: #FF4D00 !important;}

Hi @patrizialampis

kindly remove above all code relate for menu in custom css filed and use below code in custom css Filed

.navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > li > a:hover { background-color: #ff4d00 !important;}

Thanks

• This reply was modified 8 years, 1 month ago by Imran Ali.

Now is the text of the sub-menu that is blue, I would like orange

Hi @patrizialampis

Its working perfect our end, plz clear cache memory then check your website.

and hover color is not a blue its green color.

Check this link : – https://www.awesomescreenshot.com/image/1764613/4e46049d9d5054fea860b056950ce708

thanks.

Excuse me … is green, I am a bit color blind ?? I already deleted 2 times the chace

HI

Try this

.navbar .navbar-nav > .open > a
{
background-color: #ff4d00 !important;
}

Thanks

Now it’s even worse, the color green is also in the atria of menu items

https://www.awesomescreenshot.com/image/1764752/f2ac8a1f0cd1618287710e03fe9718e2