Positioning the star rating label and icon size

  • Profile Image
    Asked on May 04, 2016 at 09:09 AM


    I am using the Star Rating survey field. I am looking to achieve two things:

    1. Keep the label text top aligned but centered and the star images centered as well.

    2. Increase the size of the stars.


    I did see several threads regarding the star size, without much for answers.


    Are either possible? 


  • Profile Image
    Answered on May 04, 2016 at 10:44 AM

    To center the text and rating star in your page, you may inject the following CSS code:

    #id_3 {

        text-align : center !important;


    I tried to resize the image of the stars, unfortunately it is directly linked to:


    Even when using CSS code, I was not able to change the image size.

    Sorry for the inconvenience.

  • Profile Image
    Answered on May 04, 2016 at 10:49 AM

    Thank you for the CSS, this aligned the stars, but the text still seems left aligned.



    I would highly suggest some sizing options on the rating images as I have seen others want this capability.

  • Profile Image
    Answered on May 04, 2016 at 12:01 PM

    I have copied my colleague's CSS code and updated it. Here's the finalize one:

    #id_3, #label_3 {

        text-align : center !important;


    Replace your current CSS code with that one.

    Here's my cloned form: https://form.jotform.com/61244524591959.This is how it looks like:

    Let us know if that works.