[Resolved] Variable products quantity toggle margin/padding issue

Home Forums Support [Resolved] Variable products quantity toggle margin/padding issue

Home Forums Support Variable products quantity toggle margin/padding issue

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1004582
    moderndev

    Hello,

    I have noticed that the quantity toggle on variable products is missing the padding bottom or margin.

    Please see at this link

    https://mcstaging.co.uk/product/zieher-connect-wooden-serving-boards-walnut/

    for comparison check this standard product

    https://mcstaging.co.uk/product/deejo-mirror-steak-knife-set-6pcs-black-abs-handle/

    I understand that this can be fixed with the following

    .woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 4px 26px 0;
    }

    Just thought I would highlight the issue.

    Not sure if it is related to GP or if it is a Woocommerce issue. Also looks like my stripe payment gateway could be responsible.

    Best,

    Peter

    #1004587
    moderndev

    As an update this seems to be related to the woocommerce stripe payment gateway.

    I have noticed that on the variable products the apple pay button seems to trigger the issue.

    #1004595
    David
    Staff
    Customer Support

    Hi there,

    The Stripe button is inheriting the full width from the woo cart styling, which doesn’t work when it has variations. Add this CSS to fix that.

    #wc-stripe-payment-request-wrapper,
    #wc-stripe-payment-request-button-separator {
        width: 100%;
    }
    #1004601
    moderndev

    All fixed!

    Thanks

    #1004615
    David
    Staff
    Customer Support

    You’re welcome

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