🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Button color failure

Home Forums Support Button color failure

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1132038
    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.

    #1132066
    Leo
    Staff
    Customer Support

    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 🙂

    #1132624
    Hajnalka

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

    #1133110
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.