Is there a way to increase the radio button size of mulitple choice questions?

BEB118BEB118 Community Member Qubie ✭

Is there a way to increase the radio button size of mulitple choice questions?

I know I can adjust the look and feel settings, but this is very limiting. Is there any way to choose the radio button size/color using CSS or JavaScript?

Thank you


Best Answers

  • tbutlertbutler Philadelphia, PA Qubie ✭
    Accepted Answer

    Try out this CSS:

    input[type="radio"] {
        -ms-transform: scale(1.5); 
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
  • alex1alex1 London Qubie ✭
    Accepted Answer

    @TomG Thanks for the advice. Javascript and CSS are both pretty new to me (as you can probably tell!) I've managed to solve my problem by increasing the font size of each response option using the Look and Feel menu, and subsequently the radio boxes have increased.

    Thanks again for your suggestion.


  • alex1alex1 LondonCommunity Member Qubie ✭

    Hello, I'd also like to change the size of the radio buttons in my survey but I've tried using the CSS posted above, but get the error message:

    "Invalid JavaScript! You cannot save until you fix all errors: Unexpected token {"

    Does anyone know where I'm going wrong? I have tried eliminating '{' but I end up getting more error messages about different parts of the code.

    Any help would be amazing,

    Thanks :)

  • TomGTomG Raleigh, NCCommunity Member Wizard ✭✭✭✭✭

    @alex1 - The answer provided isn't JavaScript, it is CSS. Either put in Look & Feel Custom CSS or inside a <style> tag as part of your Question Text.

  • msifuenmsifuen Community Member Qubie ✭

    I too am trying to resize my survey radio buttons except for I am retry to decrease the size. I used the code that was provided above. I pasted it to the Custom CSS of the Look & Feel Style and changed the scale to .75 then to .5 but nothing happened to the radio buttons. Could someone please help?

Sign In to Comment