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?

  • 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


    • Hi Aherb,

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

      Comment


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

        Comment

        Working...
        X

        This website uses cookies to identify visitors, track visitors to our website, store login session information and to remember your user preferences. By continuing to use this site you agree to our use of cookies. Learn More.

        This website uses cookies. By continuing to use this site you agree to our use of cookies. Learn More.

        Accept