Credit card payment option blocked by radio button (Stripe)

My credit card payment’s radio button is covering the text, please help, thank you!

Hello,

Thank you so much purchasing our theme and contacting our support center.

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

body .woocommerce-checkout #payment input#payment_method_stripe {
	position: relative;
	margin-right: 8px;
}

body .woocommerce-checkout #payment .payment_method_stripe label[for=payment_method_stripe] {
	-webkit-box-flex: 1;	
	-ms-flex-positive: 1;	
	flex-grow: 1;
}

body .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
	float: none;
}

body .woocommerce-checkout #payment .payment_method_stripe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	 flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

Kind Regards
XTemos Studio

[Author]

Posts