Archived topic
Button color failure
3 replies · Started by Hajnalka on January 14, 2020
Viewing posts 1–4 of 4
Hello,
I try to modify the button color in GP Premium / Grill template , but its frame remains the default like yellow, whatever I do. It is the same at Primary Menu hover.
I checked all the color settings, there is no such a yellow anymore. Please help me.
Hi there,
Go to Additional CSS field in the customizer:
- Edit the background-color: #f6a623; of this section for menu item hover color:
/* Navigation hover animation */
@media (min-width: 769px) {
.main-navigation .menu > .menu-item > a::after,
.secondary-navigation .secondary-menu > .menu-item > a::after {
content: "";
position: absolute;
right: 0;
left: 50%;
bottom: 15px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 0;
height: 2px;
background-color: #f6a623;
transition: 0.3s width ease;
}
.main-navigation .menu > .menu-item > a:hover::after,
.secondary-navigation .secondary-menu > .menu-item.current-menu-item > a::after,
.secondary-navigation .secondary-menu > .menu-item.current-menu-ancestor > a::after,
.secondary-navigation .secondary-menu > .menu-item > a:hover::after{
width: 50%;
}
}- Edit border: 2px solid #f6a623; of this section for for button border color:
/* Button styles */
button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.button:visited {
padding: 5px 0;
border: 2px solid #f6a623;
width: 140px;
text-align: center;
}Let me know if this helps :)
Thank you for your very fast reply, it was the solution! :)
No problem :)
This archived topic is closed to new replies.
