Hi. I want to make the ‘Buy With Shop Pay’ button smaller on my product page. The button I’m referring to is in the image below. Also, how do I remove the small arrow in the box?
Hi @BBHJ
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
.shopify-payment-button__button::before {
display: none !important;
}
svg.qZgSr5RiiBCTAMfQYsty {
width: 70px !important;
}
.kqsiVA9Jf8LJAbxw8Bau.h7OYsWHrW5495r9beh2n.jjzYeefyWpPZLH9pIgyw.DnvZqPMEvBFbBre5UuP9.size–small {
max-height: 30px !important;
min-height: 20px !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly