plark_best-practices | Stripe Developers | Page 1

serene skyBOT Jul 9, 2024, 1:27 AM

#

faint basinBOT Jul 9, 2024, 1:27 AM

#

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

plark_best-practices, 13 hours ago, 15 messages

serene skyBOT Jul 9, 2024, 1:27 AM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! We typically respond in a few minutes, but in some cases we might need a bit more time (e.g., server's busy, you've got a complex question, etc.).

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1260044669681799238

📝 Have more to share? Add details, code, screenshots, videos, etc. below.

silk venture Jul 9, 2024, 1:31 AM

#

Button height can be changed in buttonHeight property: https://docs.stripe.com/js/elements_object/create_express_checkout_element#express_checkout_element_create-options-buttonHeight

However, width can't be changed

Stripe JS Reference

celest shuttle Jul 9, 2024, 1:40 AM

#

OK - that does look better. The vertical centering of the text is now gone on desktop, but i'll look into that - thanks

#

(the payment option name)

celest shuttle Jul 9, 2024, 1:59 AM

#

Hm. I'm not sure buttonHeight solves the scale problem on mobile. If I increase it, it throws the vertical alignment of the button text on desktop. I can change the height of the iframe to see more of the button below the text, but then we're back to square one of a button appearing disproportionately small on mobile

silk venture Jul 9, 2024, 2:01 AM

#

Could you share the screenshot of button on mobile? And how you would the button to be like?

celest shuttle Jul 9, 2024, 2:09 AM

#

Here's a modified sreenshot (dimensions are original)

#

And the expected/desired:

#

(note this is just mock-up)

#

(adapted from the original screenshot)

#

If other's haven't experienced this issue of mobile-web disproportion, perhaps it's something down to the css of the parent in which i'm mounting the express checkout element

#

what it looks like on web if I set buttonHeight

Screen_Shot_2024-07-09_at_12.20.27_pm.png

#

(height of button is fine - so disproportion issue basically resolved - but then vertical alignment off)

silk venture Jul 9, 2024, 2:22 AM

#

Thanks for sharing! If you mount Express Checkout Element in a clean page without any CSS, is it working as expected?

#plark_best-practices