Title: Radio Button Wrong Display
Last modified: September 27, 2019

---

# Radio Button Wrong Display

 *  Resolved [serradino](https://wordpress.org/support/users/serradino/)
 * (@serradino)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/radio-button-wrong-display/)
 * Dear
 * I’m having an issue with the radio buttons something in the display is not working
   properly. I see the round selection after the name.
 * Is there a way to fix it easily?
 * [https://www.dropbox.com/s/wa8x6ujkdj5zww7/Screenshot%202019-09-27%20at%2016.54.10.png?dl=0](https://www.dropbox.com/s/wa8x6ujkdj5zww7/Screenshot%202019-09-27%20at%2016.54.10.png?dl=0)
 * Thanks
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fradio-button-wrong-display%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Author [ThemeHigh](https://wordpress.org/support/users/themehigh/)
 * (@themehigh)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/radio-button-wrong-display/#post-11984761)
 * 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](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](https://wordpress.org/support/users/serradino/)
 * (@serradino)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/radio-button-wrong-display/#post-11984793)
 * 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](https://wordpress.org/support/users/themehigh/)
 * (@themehigh)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/radio-button-wrong-display/#post-11985832)
 * **_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](https://wordpress.org/support/users/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](https://wordpress.org/support/users/themehigh/)
 * (@themehigh)
 * [6 years, 8 months ago](https://wordpress.org/support/topic/radio-button-wrong-display/#post-11997253)
 * We hope your issue is resolved now.
 * We are going to mark this thread as resolved.
 * Thank you!
 *  Thread Starter [serradino](https://wordpress.org/support/users/serradino/)
 * (@serradino)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/radio-button-wrong-display/#post-12051028)
 * Thank you very much for your help!!
 * Problem solved !! 5 stars!!
 *  Plugin Author [ThemeHigh](https://wordpress.org/support/users/themehigh/)
 * (@themehigh)
 * [6 years, 7 months ago](https://wordpress.org/support/topic/radio-button-wrong-display/#post-12060555)
 * Great!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Radio Button Wrong Display’ is closed to new replies.

 * ![](https://ps.w.org/woo-checkout-field-editor-pro/assets/icon-256x256.gif?rev
   =3479964)
 * [Checkout Field Editor (Checkout Manager) for WooCommerce](https://wordpress.org/plugins/woo-checkout-field-editor-pro/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woo-checkout-field-editor-pro/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woo-checkout-field-editor-pro/)
 * [Active Topics](https://wordpress.org/support/plugin/woo-checkout-field-editor-pro/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woo-checkout-field-editor-pro/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woo-checkout-field-editor-pro/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [ThemeHigh](https://wordpress.org/support/users/themehigh/)
 * Last activity: [6 years, 7 months ago](https://wordpress.org/support/topic/radio-button-wrong-display/#post-12060555)
 * Status: resolved