• Resolved barnabas1

    (@barnabas1)


    Hello,

    I had to modify the Google Pay button border radius to conform with the Google standards, as my theme’s CSS was altering the shape. For the Google Button I modified this class:

    button.gpay-card-info-container.black.buy.long.en

    Could I please know the class for the Apple Pay button as I don’t have any Apple computer device to check? I thought of an Apple device emulator but it cannot help me much with this.

    Thank you.
    Barnabas

    • This topic was modified 2 years ago by barnabas1.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hi @barnabas1

    You didn’t need to modify the CSS, you could have just enabled the pill shape option on the Google Pay Settings page of the Stripe plugin. You can choose between the rectangle shape or the pill shape.

    Here is an example of CSS to alter the Apple Pay button.

    @supports (-webkit-appearance: -apple-pay-button) {
        .apple-pay-button {
            border-radius: 20px;
        }
    }
    Thread Starter barnabas1

    (@barnabas1)

    Hello @mrclayton,

    Thank you for the information.
    I didn’t notice that setting.

    Apparently to get approved for the Gpay API you need to have a rectangle button with 4px border radius, no colored border or box shadow. My buttons had a default pill shape, I think it’s related to my theme so now with css I made them square.

    Thank you!

    Barnabas

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Apple Pay button class’ is closed to new replies.