Change size of the scale rating buttons

  • Profile Image
    Asked on April 22, 2013 at 11:50 AM



    I'm working on a form where I use many scale rating fields. However, I think the actual radio buttons are kind of small and difficult for the user to click. Is there any way to increase the size of the whole scale rating field so the buttons are easier to choose?



  • Profile Image
    Answered on April 22, 2013 at 12:33 PM

    Yes there is a way to increase the size of the whole scale rating field. To increase the radio button size, you will need to inject a custom css code in your form styles.

    To add a CSS code in your form styles, select Setup & Embed then click the Preferences Icon. Select form styles tab and add the CSS code below.

    .form-radio { height:15px;width:15px;}

    If you need further assistance, please contact us again.

  • Profile Image
    Answered on April 22, 2013 at 01:18 PM

    Thanks! Worked like a charm!

  • Profile Image
    Answered on March 18, 2014 at 08:18 PM

    HI - this is really iseful- but I"d like to also change the colour as the scale ratings fade and I'm using a pale grey background. Can one inject css code for that too ? thansk for your help!

  • Profile Image
    Answered on March 19, 2014 at 02:58 AM

    Hello strategicdifferences,

    This is a very old thread and your question is also different. I would suggest you to please click on the following URL to create a new thread:

    That would help us to give your proper assistance and at the same time it would help other user with having the same problem.

    Thank you!