quantum1125-button-styling | Stripe Developers | Page 1

jaunty aspen Nov 10, 2021, 3:04 AM

#

celest shuttle Nov 10, 2021, 3:06 AM

#

as you can see, i tried to amend the padding myself to no avail

Screen_Shot_2021-11-09_at_7.06.06_PM.png

jaunty aspen Nov 10, 2021, 3:08 AM

#

hmmm, gimme a sec to test this out

celest shuttle Nov 10, 2021, 3:11 AM

#

i am very curious

jaunty aspen Nov 10, 2021, 3:22 AM

#

@celest shuttle which guide are you following? Cause my own sample doesn't have the PaymentRequestButton class on the div element

celest shuttle Nov 10, 2021, 3:23 AM

#

https://stripe.com/docs/stripe-js/elements/payment-request-button?html-or-react=react

Payment Request Button

Collect payment and address information from customers who use Apple Pay, Google Pay, and browser-saved cards with Payment Request APIs such as Microsoft Pay on Edge.

#

i had manually added it, just realized but still doesn't fix the problem once removed

#

Screen_Shot_2021-11-09_at_7.26.39_PM.png

#


<PaymentRequestButtonElement 
    options={{paymentRequest,
                 style: { paymentRequestButton: {
                             theme: "light",
                             height: "40px",
                             type: "buy"
                        }
             }}}                         
 />

jaunty aspen Nov 10, 2021, 3:31 AM

#

i suspect you may have some other css styling which was accidentally applied to a div element. For context, mine looks like this :

#

check the developers tools to see where the 8px / 10 px padding is being applied

#

i added 10px padding to the div myself

#quantum1125-button-styling