How to change the color of the “Buy Now” button in the footer.

This topic has 5 replies, 2 voices, and was last updated 1 month, 1 week ago ago by Andrew Mitchell

  • Avatar: Nguyễn Văn Hiển
    Nguyễn Văn Hiển
    Participant
    July 10, 2026 at 13:23

    https://file.kiwi/5fb141b8#Tlwakhe_VqE2bnv0ZEFRZw
    null

    Please, contact administrator
    for this information.
    4 Answers
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    July 10, 2026 at 16:07

    Hello, Nguyễn Văn Hiển,

    To change the color of the “Buy Now” button in the footer, please add the following code to Theme Options → Custom CSS → Global Custom CSS.

    Code for the normal state:

    body .etheme-sticky-cart .et-single-buy-now.single_add_to_cart_button.button {  
        background: #ff1900 !important;  
        color: #18d718 !important;  
    }

    Code for the hover state:

    body .etheme-sticky-cart .et-single-buy-now.single_add_to_cart_button.button:hover {  
        background: #1700ff !important;  
        color: #c7d718 !important;  
    }

    Best regards,
    8Theme Team

    Avatar: Nguyễn Văn Hiển
    Nguyễn Văn Hiển
    Participant
    July 11, 2026 at 04:33

    Thank you!

    Avatar: Nguyễn Văn Hiển
    Nguyễn Văn Hiển
    Participant
    July 11, 2026 at 04:50

    How to change the icon of the “Buy Now” button in the footer?

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    July 13, 2026 at 06:25

    Hello, Nguyễn Văn Hiển,

    To replace the icon in the “Buy Now” button, we have added the following code in Theme Options → Custom CSS → Global Custom CSS:

    body .etheme-sticky-cart .et-single-buy-now.single_add_to_cart_button.button:before {
        content: "\e92c";
    }

    Best regards,
    8Theme Team

  • Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.