How to centrally align add to cart button & quantity?

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

  • Avatar: Priya
    Rashika
    Participant
    June 25, 2020 at 21:24

    I just want to know how the quantity selector and the basket icon at shop pages, category pages can be edit in the following ways
    1: The quantity & the basket icon are enlarged to fill up all the space left below a product. Look at this https://prnt.sc/t6j1ul
    2. How can both the quantity selector & button be centrally aligned so that they are at the center of the product image? Take a look at this https://prnt.sc/t6ivgp

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 26, 2020 at 07:50

    Hello,

    Delete this code http://prntscr.com/t6qo4i from Theme Options > Theme Custom CSS.

    Regards

    Avatar: Priya
    Rashika
    Participant
    June 26, 2020 at 08:10

    That did the job. But it centrally aligned it like the 2nd point. But if you look at the first point in the above message, i asked for one more solution where it could be enlarged to fit into the product box border to border. How to do that?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 26, 2020 at 09:51

    There is no such possibility by default. You can play with custom CSS code, for example –

    .content-product .quantity {
        margin-right: 30px;
        margin-left: -10px;
    }

    Regards

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

The issue related to '‘How to centrally align add to cart button & quantity?’' 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.