How can I resize the Shop Pay button and remove the arrow?

[BBHJ]

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?

 

[thirtycoders]

Hi @BBHJ,

Can you provide a link?

Thanks!

[PageFly-Henry · Accepted solution]

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