Positioning the star rating label and icon size

  • beckerfurniture
    Asked on May 4, 2016 at 9:09 AM

    Hello,

    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 in survey 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? 

     

  • victor
    Replied on May 4, 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:

    https://cdn.jotfor.ms/images/stars2.png

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

    Sorry for the inconvenience.

  • beckerfurniture
    Replied on May 4, 2016 at 10:49 AM

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

    https://www.jotform.com//?formID=61234516652149#

     

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

  • Charlie
    Replied on May 4, 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:

    Positioning the star rating label and icon size Image 1 Screenshot 20

    Let us know if that works.