How to let the radio button bigger when using mobile phone?

  • esupport.tw
    Asked on June 26, 2019 at 12:37 AM

    Hi,

    The radio button is too small when viewing on mobile.

    How to make it bigger on mobile view?

     

    Thanks!

  • Jed_C
    Replied on June 26, 2019 at 3:33 AM

    You can inject the CSS code below:

    input[type=radio] {

        border: 0px;

        width: 100%;

        height: 2em;

    }

    Try playing with the height and width size to your preferred size.

    Sample output:

    1561534370radio button Screenshot 10

    I hope that helps. Let us know if you have any questions or if you need further assistance. 

  • esupport.tw
    Replied on June 26, 2019 at 4:04 AM

    Hi 

    It's great!!

    Questions:

    How to let the option text close to the button?

    Also 

    How about the Multiple Choice button bigger CSS code?


    Thanks!

  • Welvin Support Team Lead
    Replied on June 26, 2019 at 5:43 AM

    You may also consider using a custom radio button style in the advanced designer. Kindly check that:

    15615421692019 06 26 013 Screenshot 10

    The text padding can also be adjusted in the style settings.