JotForm Form Build->Radio Button: How to make larger radio buttons

  • Profile Image
    nicolassoong
    Asked on January 22, 2019 at 12:59 AM

    Hi, for single choice answer, how do I make the answer "circle" larger?

    Thank you.



    This is a re-post of a comment on Customize Your Form Using Custom CSS Codes

  • Profile Image
    bella
    Answered on January 22, 2019 at 02:05 AM

    Hi, 

    It seems you want to customize the size of the radio buttons. I have cloned your form, and injected the custom css code below:

    .form-radio{

    width:50px !important;

    height:50px!important;

    }

    You can change the width and height values with high or lower values according to your needs.

     

    In order to customize the css code, follow the steps below:

    1. Click the "Brush" icon that is on the top-left page

    2. Under the "CSS" tab, write the codes above by customizing the size

    3. Click "Save" button

     

    Check the screenshot below:

    77331_Screen%20Shot%202019-01-22%20at%20