I'm not sure if this is a theme issue or a Stripe issue.
We use Stripe on our checkout page and there is an option to "Save payment information to my account for future purchases." There should be a checkbox there, but there isn't. It appears to be clickable, but there is nothing to visually indicate wether is has been ticked or not.
Is this something that can be fixed through some custom css?
Hi Laborator,
I'm not sure if this is a theme issue or a Stripe issue.
We use Stripe on our checkout page and there is an option to "Save payment information to my account for future purchases." There should be a checkbox there, but there isn't. It appears to be clickable, but there is nothing to visually indicate wether is has been ticked or not.
Is this something that can be fixed through some custom css?
Kind regards,
Alice
Hi Alice,
Can you please add the code below to your Custom CSS area:
.form-row.woocommerce-SavedPaymentMethods-saveNew input[type=checkbox], input[type=radio] {Have a great day!-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
Thanks for getting back to me Ylli.
I have added the custom CSS and it has made the checkbox visible, but it has changed how it looks.
Two screenshots attached, first without CSS, second with Css
Kind regards,
Alice
Hi Alice,
Please remove the old code and apply this new one:
input#wc-stripe-new-payment-method { -webkit-appearance: sliderthumb-vertical; -moz-appearance: sliderthumb-vertical; appearance: sliderthumb-vertical; }The style is not perfectly the same but the plugin refuses to use our theme style because it has different implementation.
I wish you a great day!
That's great!
Thank you Ylli
Hi Alice,
I'm happy to hear that
Will set this ticket as solved from here.