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

  • Profile Image
    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!

  • Profile Image
    Jed_C
    Answered on June 26, 2019 at 03: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.png

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

  • Profile Image
    esupport.tw
    Answered on June 26, 2019 at 04: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!

  • Profile Image
    Welvin
    Answered on June 26, 2019 at 05:43 AM

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

    15615421692019-06-26-013.png

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