I wanted to make some buttons in my menu and I found this code which I added to my child them css (it's commented out currently on the page), however, I can't overwrite the hover colour of the text for these two menu items. Could you please help me?
Please create a Menu so that you can see the Options .
Also try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
Hiya,
I wanted to make some buttons in my menu and I found this code which I added to my child them css (it's commented out currently on the page), however, I can't overwrite the hover colour of the text for these two menu items. Could you please help me?
body header#top nav > ul > li.menu-item-1469 a {
box-shadow: 1 1px rgba(1, 1, 1, 0.1) inset;
-moz-box-shadow: 0 0px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 0px rgba(0, 0, 0, 0.1) inset;
-o-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-webkit-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
background-color: #cc6600;
padding: 10px 36px!important;
margin-top: 4px!important;
color: #fff!important;
top: -9px;
border-radius: 25px 25px 25px 25px;
font-family: OpenSans;
font-size: 11px;
letter-spacing: 1px!important;
text-transform: uppercase;
margin-left: 10px;
margin-right: 15px;
}
body header#top nav > ul > li.menu-item-1469 a:hover {
background-color: #bf5f00;
color="#ffffff";
}
body header#top nav > ul > li.menu-item-6737 a {
box-shadow: 0 0px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 0px rgba(0, 0, 0, 0.1) inset;
-o-box-shadow: 0 -1px rgba(0, 0, 0, 0.1) inset;
transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-webkit-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
background-color: transparent;
border: 2px solid rgba(0,0,0,0.4)!important;
padding: 10px 16px!important;
margin-top: 4px!important;
top: -10px;
border-radius: 25px 25px 25px 25px;
font-family: OpenSans;
font-size: 11px;
letter-spacing: 1px!important;
text-transform: uppercase;
}
body header#top nav > ul > li.menu-item-6737 a:hover {
background-color: #cc6600;
border: 2px solid rgba(0,0,0,0.0)!important;
color: #ffffff;
}
Thanks,
Grace
Hey ,
Please use these new options instead : http://prntscr.com/buqusz
Best.
ThemeNectar Support Team
I don't have those options :(
Hey Again,
Please create a Menu so that you can see the Options .
Also try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
Bes.t
ThemeNectar Support Team