Home › Forums › WoodMart support forum › How do I customize the “buy” button using CSS?

How do I customize the “buy” button using CSS?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • November 13, 2025 at 4:06 pm #695889

    agenciawebinfinite
    Participant

    Hello!

    I’d like to customize the “buy” button in the product listing on the homepage, in the store, and on the product page.

    I have a custom CSS code; how do I replace the current theme CSS with this new one?

    Example of what I want to make identical:
    https://imgur.com/dj9h3u2 (https://easybuilder.com.br/lp-black-friday/)

    It’s a button that “moves” and changes color.

    I need the basics to know how to apply it, and then I’ll add the desired CSS to the code.

    Here’s an example of CSS I got from the page I linked above:

    .botao .elementor-button {
    background: linear-gradient(-45deg, #3AFF5F, #FFFF00, #3AFF5F, #FFFF00, #3AFF5F, #FFFF00);
    background-size: 800% 400%;
    transition: all 0.5s;
    border-radius: 500px;
    border: solid 1px #ffffff20 !important;
    animation: gradient 10s infinite 
cubic-bezier(.62, .28, .23, .99);
    box-shadow: 0 3px 0 0 #2E7D32, 0 -5px 6px 0 #B7FF5A inset, 0 5px 6px 0 #B7FF5A inset, 0 25px 30px -10px #3AFF5F80;
}

    Can you help me with that?

    November 14, 2025 at 9:25 am #695977

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please add the below Custom CSS code to Theme Settings > Custom CSS.

    .product-grid-item .wd-add-btn,
.single_add_to_cart_button {
  background: linear-gradient(-45deg, #3AFF5F, #FFFF00, #3AFF5F, #FFFF00, #3AFF5F, #FFFF00);
    background-size: 800% 400%;
    transition: all 0.5s;
    border-radius: 500px;
    border: solid 1px #ffffff20 !important;
    animation: gradient 10s infinite 
cubic-bezier(.62, .28, .23, .99);
    box-shadow: 0 3px 0 0 #2E7D32, 0 -5px 6px 0 #B7FF5A inset, 0 5px 6px 0 #B7FF5A inset, 0 25px 30px -10px #3AFF5F80;
}

    Best Regards,

  • Author
    Posts

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)