Announcement

Collapse
No announcement yet.

Apple Pay button styling question

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Apple Pay button styling question

    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?

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

    Code:
    <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.)

    Code:
    <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.

    Comment


      #3
      Hi Aherb,

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

      Comment


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

        Comment

        Working...
        X