Single Product Page: Quantity & Add to Cart Button CSS help

This topic has 3 replies, 2 voices, and was last updated 4 years, 8 months ago ago by dirtcheaprc

  • Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    April 15, 2021 at 23:49

    I can’t figure out the css code that will put the quantity box on the next line, next to the add to cart button. It should be below the ‘RC Points’ message. Link to example in private content. Thank you in advance.

    Please, contact administrator
    for this information.
    2 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 16, 2021 at 07:35

    Hello,

    Try to use this custom CSS code:

    .single-product .quantity {
        width: 100%;
        justify-content: left;
        margin-top: 5px;
    }

    Regards

    Avatar: dirtcheaprc
    dirtcheaprc
    Participant
    April 16, 2021 at 16:01

    Perfect idea with the 100% width. Thank you.
    Your solution caused the qty input and the add to cart button to be on separate lines.
    I applied the 100% width to the points message span which pushed the qty input to the next line with the button. Perfect! Thanks again!

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

The issue related to '‘Single Product Page: Quantity & Add to Cart Button CSS help’' 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.