Change height, color of Stripe Button (custom its CSS styles)

  • Resolved lamle

    (@lamle)


    3 years, 5 months ago

    Hi everyone, may I ask how I can customize the height of the Stripe button (not the form)?

    I have read the doc of Stripe (https://stripe.com/docs/stripe-js/elements/payment-request-button#styling-the-element) and found that when the paymentRequestButton is created, there is a property called “height” passed to it. But I am not sure it is achievable via the plugin, or is there a built-in way (other than 3 provided sizes in the admin dashboard)?.

    Many thanks.

    P/S: the link I provided is just an example. We need to change the layout, then eventually need to change the height of the buttons (including the Stripe’s one).
    Besides the height, I think I need to update the button’s color as well. The default color and when the button is hovered on. Can I inject my own CSS styles .something:hover..?

    • This topic was modified 3 years, 5 months ago by lamle.
    • This topic was modified 3 years, 5 months ago by lamle.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support frosso1 (a11n)

    (@frosso1)

    Hello @lamle ,

    Thanks for reaching out!
    If I’m understanding correctly, you’d like to customize the height of the button with a custom size.

    Unfortunately, that possibility will no longer be available due to design constraints with the Apple Pay and Google Pay buttons. In our most recent release, we had to make some changes to adhere to those requirements that will be upcoming also in the Stripe documentation.

    We don’t have a way to to change the button’s color in any other way than using a different theme (dark, light, light-outline).
    The button is in an iframe element. You could try and inject custom CSS into the created iframe element, but some browsers might not behave well due to security policies.

    On a more personal note, I took a look at your website and fell in love with some of your items!
    I will be coming to visit Italy in a few months and I am looking forward to ordering some of those items ??
    I am also hoping to visit Puglia soon!

    Have a good weekend!

    Francesco

    Thread Starter lamle

    (@lamle)

    Thank you so much for your answer.
    I guess we can close this topic as answered then. I think I’ll have to change my own buttons instead. ??

    Also, on a side note, I am very glad to hear so. Always a pleasure to have you as a customer. And wish you an awesome trip to come as well!

    Plugin Support Saravanan S, a11n

    (@simplysaru)

    Hi @lamle,

    Thanks for marking the thread resolved.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change height, color of Stripe Button (custom its CSS styles)’ is closed to new replies.