Buy now button size issue - by a4ashan - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 3 years, 1 months ago ago by Rose Tyler

  • Avatar: a4ashan
    a4ashan
    Participant
    November 8, 2021 at 09:46

    Buy now button is not responding to the Form cart widget Min. Width adjustments.

    Only add to cart button is adjustable.

    Tried adjusting with css but it keeps changing.

    https://paste.pics/f1c34e4314a2b890abb3f1ca94834e45
    https://paste.pics/3b9839cfca72d8c55c5c7bf8e40d3632

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 8, 2021 at 11:03

    Hello,

    Try to use the next custom CSS code:

    .et_product-block .et-single-buy-now.single_add_to_cart_button.button {
        max-width: 250px;
    }

    Regards

    Avatar: a4ashan
    a4ashan
    Participant
    November 9, 2021 at 11:47

    Hi Rose,

    Your code works fine. But the buttons doesn’t align center in mobile view.

    Kindly refer to the link.
    https://snipboard.io/TSC1vO.jpg

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 9, 2021 at 11:54

    Hello,

    Add the next code in Theme Global custom CSS:

    @media (max-width: 768px) {
        .single-product-builder form.cart {
            padding: 0px 0px 30px 0px;
        }
    }

    Regards

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

The issue related to '‘Buy now button size issue’' has been successfully resolved, and the topic is now closed for further responses

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