Apple Pay button styling question

[kitdang]

I would like to style the apple pay button to be similar to the checkout button for Suivant theme. I read on a different post to modify the applepay.js file but I couldn't find that file any where on my site. Any idea how I can do this?

[AHerb]

to style ApplePay button all you need to do: modify CSS

<style>
    #applepay-button { width: 100% !important; margin-left: 0; height: 36px;}
</style>

if you want to be able to see the apple pay button on a NON-applepay ready device, you can temporary display it (for easy styling etc.)

<style>
    #applepay-button {display: inline-flex !important;}
</style>

BUT(!) Apple does NOT allow you to do too many modifications.
Read the guidelines here: https://developer.apple.com/apple-pa...Guidelines.pdf
If you're not following their code they may ban you from services.

[kitdang]

Hi Aherb,

Where do I add the code? On the page header that I will have the applepay button on?

[AHerb]

Yeah, page header is one of the options and will work.