change menu color

Resolved patrizia.lampis
(@patrizialampis)

9 years, 6 months ago

Good evening, thank you for your beautiful theme. But unfortunately I can not change the color of the menu, when you change the base color is blue while in the sub menu is changed.
The insert the code used

.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;
}.

Link website: http://floricolturarecalcati.it/wordpress

Viewing 15 replies - 1 through 15 (of 22 total)

1 2 →

Suyogya Shukla
(@themeislesupport)

9 years, 6 months ago

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 🙂

Imran Ali
(@imranaliweb)

9 years, 6 months ago

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.

Imran Ali
(@imranaliweb)

9 years, 6 months ago

Hi @patrizialampis

any update here ?

Thanks

Thread Starter patrizia.lampis
(@patrizialampis)

9 years, 6 months ago

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

Imran Ali
(@imranaliweb)

9 years, 6 months ago

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.

Thread Starter patrizia.lampis
(@patrizialampis)

9 years, 6 months ago

No way, the base color is blue!
Imran Ali
(@imranaliweb)

9 years, 6 months ago
Hi @patrizialampis

Kindly indicate snapshot image.

Thanks.
- This reply was modified 9 years, 6 months ago by Imran Ali.
Thread Starter patrizia.lampis
(@patrizialampis)

9 years, 6 months ago

Thread Starter patrizia.lampis
(@patrizialampis)

9 years, 6 months ago

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;}
Imran Ali
(@imranaliweb)

9 years, 6 months ago
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 9 years, 6 months ago by Imran Ali.
Thread Starter patrizia.lampis
(@patrizialampis)

9 years, 6 months ago

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

Imran Ali
(@imranaliweb)

9 years, 6 months ago

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 : – http://www.awesomescreenshot.com/image/1764613/4e46049d9d5054fea860b056950ce708

thanks.

Thread Starter patrizia.lampis
(@patrizialampis)

9 years, 6 months ago

Excuse me … is green, I am a bit color blind 🙂 I already deleted 2 times the chace
Imran Ali
(@imranaliweb)

9 years, 6 months ago
HI

Try this
```
.navbar .navbar-nav > .open > a
{
background-color: #ff4d00 !important;
}
```
Thanks
Thread Starter patrizia.lampis
(@patrizialampis)

9 years, 6 months ago

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

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