CODEWITHSUNDEEP
jqueryhtmlpopupstripe-payments
Amrinder Singh
Amrinder Singh

Reputation: 5492

How to change color of Pay Button in Stripe Pop-up?

I am using Stripe payment method in my leadpages, it is working well. I just want to change the color of the Pay button as shown in attached image.

enter image description here

and here is the code used to show popup

<script>
    var handler = StripeCheckout.configure({
        key: '[KEY]',
        image: 'https://www.emotionacademy.com.au/images/emotion-academy-logo.png',
        locale: 'auto',
        token: function(token) {
            $( "#stripeToken" ).val( token.id);
            $( "#stripeEmail" ).val( token.email);
            $( "#paymentForm" ).submit();
        }
    });

        $( ".btn-price-table" ).click(function(event) {
            var price = $(this).closest('.pricing-table').find('.price span').text()*100;
            var title = $(this).closest('.pricing-table').find('.pricing-title').text().toUpperCase();

            handler.open({
                name: title,
                description: '',
                zipCode: true,
                currency: 'aud',
                amount: price
            });
            event.preventDefault();
        });
</script>

Upvotes: 2

Views: 2711

Answers (1)

Ywain
Ywain

Reputation: 17503

Unfortunately, you can't. Checkout runs into its own secure iframe, and at this time there is no configuration option to customize the color of the button.

Upvotes: 5

Related Questions