Support » Plugin: Checkout Field Editor (Checkout Manager) for WooCommerce » Radio Button Wrong Display

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author ThemeHigh

    (@themehigh)

    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!

    Thread Starter serradino

    (@serradino)

    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!

    Plugin Author ThemeHigh

    (@themehigh)

    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!

    Plugin Author ThemeHigh

    (@themehigh)

    We hope your issue is resolved now.

    We are going to mark this thread as resolved.

    Thank you!

    Thread Starter serradino

    (@serradino)

    Thank you very much for your help!!

    Problem solved !! 5 stars!!

    Plugin Author ThemeHigh

    (@themehigh)

    Great!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Radio Button Wrong Display’ is closed to new replies.