Re: mobile "Buy Buttons" size issue
Hello, the CTA buttons on product pages are different sizes. All of the buttons on my site have a padding of 14px. When I try to change the size of the Shop Pay button, the padding is black while the button is purple. This is a dynamic button so depending on the customers payment preference, that specific buy button with formulate. Can anyone help make these buttons the same size with a padding of 14px?
https://2d26b3.myshopify.com/products/zz?variant=47134173724968
pw: reishi
Thank you!
Hi!
Actually, a unit like 'vh' was used instead of padding.
The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.
1) Navigate to the 'Edit Code' option in your theme settings, then search for 'theme.liquid' in the search bar.
2) Paste the following code below the '<head>' tag. Please refer to the attached screenshot for guidance.
<style>
.shopify-payment-button__button {
height: 6.5vh!important;
}
</style>
Hi!
Actually, a unit like 'vh' was used instead of padding.
The following code will do what you want. You can change the values as you like. If you encounter any issues again, feel free to write, I'll help.
1) Navigate to the 'Edit Code' option in your theme settings, then search for 'theme.liquid' in the search bar.
2) Paste the following code below the '<head>' tag. Please refer to the attached screenshot for guidance.
<style>
.shopify-payment-button__button {
height: 6.5vh!important;
}
</style>
