Radio Button Wrong Display

On checking, we could see that the radio button is showing without any issue. Please refer to the below screen-shot:

https://prnt.sc/pd7lz7

We hope your issue is resolved now.

Do let us know if you are still facing any issue. We are happy to help.

Thank you!

Hello, it’s kind of solved I added some CSS but I’m not completely satisfied. Each radio should go <br>. I’ll have to work it on a little.

Thanks for checking it!

General Solution :

For Horizontal display:

Please add the below style in the theme’s Additional CSS:

form.checkout label.radio?{
	display: inline-block;
	margin-right: 15px;
}

For Vertical display:

Please add the below style in the theme’s Additional CSS:

form.checkout input[type="radio"].input-radio?{
	float:?left;
	margin: 8px 5px 0px 20px;
}

Please note that, the margin needs to be adjusted as per the requirement.

@serradino For your site, if you want to display the radio options Vertically, then please add the below style in your theme’s Additional CSS.

form.checkout input[type="radio"].input-radio?{
	float:?left;
	margin: 8px 5px 0px 20px;
}

Further, please remove the below style that you have added in your site:

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
display: contents;
}

We hope this will help ??

Thank you!

We hope your issue is resolved now.

We are going to mark this thread as resolved.

Thank you!

Thank you very much for your help!!

Problem solved !! 5 stars!!

Great!