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

Solved2 replies2 participantsUpdated by dirtcheaprc

  • Avatar: dirtcheaprc
    dirtcheaprc
    Participant

    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

    Hello,

    Try to use this custom CSS code:

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

    Regards

    Avatar: dirtcheaprc
    dirtcheaprc
    Participant

    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!

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