change menu color
-
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;
}.
-
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.
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
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!
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;}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, 3 months ago by
Imran Ali.
Now is the text of the sub-menu that is blue, I would like orange
Its working perfect our end, plz clear cache memory then check your website.
and hover color is not a blue its green color.
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
-
This reply was modified 9 years, 3 months ago by
The topic ‘change menu color’ is closed to new replies.
