[Resolved] Button color failure

[Hajnalka]

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.

[Leo]

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 🙂

[Hajnalka]

Thank you for your very fast reply, it was the solution! 🙂

[Leo]

No problem 🙂

[Author]

Posts