[Resolved] WooCommerce ‘Add to Basket’ button editing

Home Forums Support [Resolved] WooCommerce ‘Add to Basket’ button editing

Home Forums Support WooCommerce ‘Add to Basket’ button editing

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1613879
    Juned

    Hi,

    How to resize/edit the WooCommerce ‘Add to Basket’ buttons?

    I want to change the buttons border radius.

    Can I give it a gradient color also?

    #1613889
    Elvin
    Staff
    Customer Support

    Hi,

    You can try adding this CSS:

    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
        border-radius: 8px;
        background: linear-gradient(90deg, rgba(95,181,115,1) 32%, rgba(9,121,84,1) 80%);
    }

    You can play around on this site to get your gradient value:
    https://cssgradient.io/

    You can also change the border radius value to your preference.

    A wise man once said:
    "Have you cleared your cache?"

    #1614028
    Juned

    Thanks Elvin and Team GP!!!

    #1615186
    Elvin
    Staff
    Customer Support

    Thanks Elvin and Team GP!!!

    No problem. 😀

    A wise man once said:
    "Have you cleared your cache?"

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