Archived topic

Variable products quantity toggle margin/padding issue

4 replies · Started by moderndev on September 9, 2019

Viewing posts 1–5 of 5

September 9, 2019 at 3:03 am #1004582

Hello,

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

Please see at this link

for comparison check this standard product

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

September 9, 2019 at 3:12 am #1004587

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.

September 9, 2019 at 3:19 am #1004595

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%;
}

September 9, 2019 at 3:25 am #1004601

All fixed!

Thanks

September 9, 2019 at 3:42 am #1004615

You're welcome

This archived topic is closed to new replies.