reikoBooop | Stripe Developers | Page 1

tawny siloBOT Apr 28, 2023, 4:30 AM

#

prime orbit Apr 28, 2023, 4:30 AM

#

Which TermsText you are referring to?

haughty cave Apr 28, 2023, 4:31 AM

#

Sorry its been cut off but the button of Payment Element there is generic terms

prime orbit Apr 28, 2023, 4:31 AM

#

Ah okie

#

https://stripe.com/docs/js/elements_object/create_payment_element#payment_element_create-options-terms

Stripe JS Reference

#

Here is the option

#

you can try to specify card to never

#

on the call of var paymentElement = elements.create...

tawny siloBOT Apr 28, 2023, 4:32 AM

#

haughty cave Apr 28, 2023, 4:33 AM

#

ah perfect! Thank you

#

would it be same for <PaymentElement /> tag ? or you have different document for it I am using this component for React js

agile badger Apr 28, 2023, 4:36 AM

#

Yes! It will be the same for <PaymentElement>. It will be under options of the <PaymentElement>

haughty cave Apr 28, 2023, 4:38 AM

#

Cool, thank you!

agile badger Apr 28, 2023, 4:39 AM

#

No problem! Happy to help 😄

haughty cave Apr 28, 2023, 4:59 AM

#

Hi I want to change more styling on PaymentElement but seems like Options type is quite limited on taking styling property

#

Is there any other way to make the styling like change the font size or do I need to overwrite with css?

agile badger Apr 28, 2023, 5:01 AM

#

Payment Element supports Appearance for the styling. You may refer to the guide here to change the font size https://stripe.com/docs/elements/appearance-api

Elements Appearance API

Customize the look and feel of Elements to match the design of your site.

haughty cave Apr 28, 2023, 5:08 AM

#

Also somehow bottom of Payment element been cut off..

#

I checked overflow property but even with that property, the country part is cut off

#

Also 'Appearance' is not in the type of payment element... unless Im missing

agile badger Apr 28, 2023, 5:16 AM

#

It's likely that your length you set for Payment Element is too small that results in Payment Element being cut. Can you increase the length of the frame outside of Payment Element

#

Appearance API is on <Elements>, not <PaymentElement>

haughty cave Apr 28, 2023, 5:24 AM

#

I added height of 440px to the PaymentElement like below code but does not make solve the issue.. till bottom part is been cut off
<PaymentElement
className="h-[440px]"
options={{
terms: {
card: 'never'
}
}}
/>

agile badger Apr 28, 2023, 5:26 AM

#

I'm not referring to the height of the Payment Element, but the component outside of the Payment Element

#

It's likely that the component outside of the Payment Element limits the height

haughty cave Apr 28, 2023, 5:38 AM

#

outside of the Payment Element has height of 100% and when I change the height of parental div of the component it did not change anything

agile badger Apr 28, 2023, 5:39 AM

#

Can you share your development website, so that I can take a look?

haughty cave Apr 28, 2023, 5:43 AM

#

Its only run locally and I prefer not to commit yet, can I send snippets of my code?

agile badger Apr 28, 2023, 5:49 AM

#

Sharing code will work, but sharing dev website will be more helpful as it includes css, html and js as a whole

#reikoBooop