Apple & Google Pay buttons

Posted in .

If you experience any problems with Apple Pay or Google Pay buttons appearance, please add the following CSS into Appearance -> Customize -> Custom CSS:

.woocommerce div.product.elementor form.cart:not(.grouped_form):not(.variations_form) {
flex-flow: row wrap;
}
.woocommerce div.product .woocommerce-variation-add-to-cart #wc-stripe-payment-request-wrapper {
flex: 1;
align-self: center;
padding-top: 0 !important;
}
#wcpay-payment-request-button-separator, #wcpay-payment-request-wrapper, div#wc-stripe-payment-request-wrapper, #wc-stripe-payment-request-button-separator {
width: 100%;
}
.ApplePayButton, .GooglePayButton {
border-radius: 0 !important;
}

1