1 - Apple / Google Pay Buttons - I am looking to fix the text part of Express Checkout buttons. The text "Buy with" should be same for both but it's actually in different sizes where the Apple one is slightly bigger than the one on Google. Any css to fix this?
2 - On the product page, just above the product image I see a small white line. It's consistent across all products and even on the main shop page. What is causing that?
That's also one thing where the Apple Pay doesn't show when you open this page on a Google Chrome Browser. But both buttons shows up when you open on a Safari Browser.
Hi,
I have two small customization requests.
1 - Apple / Google Pay Buttons - I am looking to fix the text part of Express Checkout buttons. The text "Buy with" should be same for both but it's actually in different sizes where the Apple one is slightly bigger than the one on Google. Any css to fix this?
2 - On the product page, just above the product image I see a small white line. It's consistent across all products and even on the main shop page. What is causing that?
Thanks
Hello Asingh,
Thanks for writing to us.
-I am only seeing the Buy With GPay button and not with Apple Pay. Please share the screenshot of the Apple Pay location
-Also you can adjust the white line using this CSS:
.woocommerce div.product div.images.woocommerce-product-gallery .product-slider img, .woocommerce div.product div.images.woocommerce-product-gallery.default-woo-gallery img { top: -5px !important; }I hope this proves helpful for you. If you have any more questions or run into any problems, please feel free to reach out.
Best regards,
That's also one thing where the Apple Pay doesn't show when you open this page on a Google Chrome Browser. But both buttons shows up when you open on a Safari Browser.
Hi again,
Thank you for reaching out to us.
Try testing this with the default WooCommerce theme, StoreFront, and let us know if this issue persists.
Try this and let us know how it goes.
Cheers,