Apple pay button height and google pay outline

  • Resolved annaise

    (@annaise)


    9 months ago

    How do I change the height of the apple pay button? What’s the selector for it? I need to increase it to have the same height as the google pay button.

    The google pay button has a grey outline that causes it to look like this when the corner is rounded. My integration got denied because of it. Is the grey outline just a style choice from you guys? The only work around is to get rid of the outline but I might get rejected again for that.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    9 months ago

    What’s the selector for it? 

    .apple-pay-button

     Is the grey outline just a style choice from you guys?

    No, that’s likely being caused by your theme. The default styling that comes with the plugin is in place to ensure your integration gets approved.

    Thread Starter annaise

    (@annaise)

    9 months ago

    Great! then I can get rid of it.

    I just have an iPhone so I can’t inspect elements to see what’s wrong. I had already used all these but nothing changed. Here’s my website: https://oarno.com/product/test-product-2/


    .apple-pay-button .apple-pay-button-black{
    min-height: 3em !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    height: 3em !important;
    }
    .apple-pay-button{
    min-height: 3em !important;
    height: 3em !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    }

    Plugin Author Payment Plugins

    (@mrclayton)

    9 months ago

    .wc-stripe-apple-pay-container .apple-pay-button{
        max-height: 48px !important;
    }
    Thread Starter annaise

    (@annaise)

    9 months ago

    I just tried that but it still doesn’t reflect on the button :C

    Plugin Author Payment Plugins

    (@mrclayton)

    9 months ago

    Then try:

    .wc-stripe-apple-pay-container .apple-pay-button {
        max-height: 48px !important;
        min-height: 48px !important;
        height: 48px !important;
    }
    Thread Starter annaise

    (@annaise)

    9 months ago

    That worked! Thanks so much!

    Plugin Author Payment Plugins

    (@mrclayton)

    9 months ago

    You’re welcome.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Apple pay button height and google pay outline’ is closed to new replies.