Hi @cnnr1995,
Thank you for contacting us. Those buttons are definitely bigger than the standard size generated by the plugin. Your theme is most likely overriding the height style that the Stripe plugin sets for the payment buttons.
You can target those buttons via css using the following selector:
.wc_stripe_product_payment_methods li div.payment-box button{
max-height: 40px !important; /*set your max height here*/
}
Kind Regards,
Hi, thanks for getting back to me. I added it the custom css area but it doesnt appear to change the buttons size. Any other suggestions?
Thanks
Hi @cnnr1995,
Can you share your website so I can take a look? If I can see what css is overriding the Stripe plugin’s I can make a more targeted css selector for you.
Kind Regards,
Sure thanks for getting back to me it is – https://bluesecret.co.uk/
Hi @cnnr1995,
I will take a look and get back to you on what CSS is conflicting. I think it has something to do with the padding.
Kind Regards,
Hi @cnnr1995,
Here is the css that you can add that will make the button normal size:
.wc_stripe_product_payment_methods * {
box-sizing: border-box;
}
Your theme had the box-sizing set to inherit which was throwing off the button’s padding.
Kind Regards,
Thats brilliant thank you so much it is now working.
