[Support request] Button color for “agency” theme

Home Forums Support Button color for “agency” theme

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1317850
    Tuan

    How do I change the color of this button in this screenshot? I tried changing it in the customizer but not working, not sure if it’s the right settings

    View post on imgur.com

    #1318120
    David
    Staff
    Customer Support

    Hi there,

    go to Customizer > Additional CSS:

    /* navigation contact button */
    .main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
        color: #ffffff;
        background-color: #8eb2a6;
        line-height: 44px;
        /* button height */
        padding: 0px 22px;
        /* space inside button */
        margin-top: 4px;
        /* adjust to horizontally align with other menu items */
        border-radius: 40px;
        margin-left: 22px;
        /* space to the left of button */
        transition: all 0.4s ease 0s;
    }
    
    .main-navigation:not(.slideout-navigation) .main-nav li.nav-button a:hover {
        background-color: rgba(142, 178, 166, 0.9);
        color: #ffffff;
        transition: all 0.4s ease 0s;
    }

    Change the 2 background-color properties.

    #1318168
    Tuan

    Thankyou for your answer. I know we can do custom CSS, but why isn’t the settings for it working?

    #1318194
    David
    Staff
    Customer Support

    Because it is NOT a button – it is a menu item that uses this CSS to make it look like a button.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.