Survey Form Star Size increase CSS [RESOLVED]

Hi i have developed Survey form with survey form addon with gravity form, but the size of rating star is too small , i need CSS to increase size and spacing between each star. please help me out .

Can you share a link to the page on your site where we can see the form? Thank you.

Give this a try – Better Style for Gravity Forms Survey Rating Field

Might need more specificity depending on other rules, but should produce something like this:

1 Like

looks good but how can we hide number displaying besides star.

Its look like
survey star

It would seem extra specificity is needed or some other rules may be toying with the display. I wasn’t able to see the survey on the link provided above. If you have a publicly accessible version of this, we can poke at the elements and see what may be causing this.

Hi Joshua, we’re having the same issue. I tried the CSS you provided above, but it didn’t seem to change anything. The page is here with the rating on the second page of the form. Are you able to help?


Is there any update to any of this? All we need to do is increase the size of the already visible stars? The code provided in this thread doesn’t fair well.

Hoping to avoid yet another third-party subscription to fully utilize Gravity Forms…

Thanks in advance,


If you share the link ikrmedia, we can view your form and offer some CSS to increase the size of the stars. Thank you.

That would be awesome! Here is the link to where we are developing the survey form:

Try the following…

body .gform_wrapper .gform_body .gform_fields .gfield.gsurvey-survey-field .gsurvey-rating {
    transform: scale(2) translate(25%, 5px);

1 Like

Saviors! That worked!!! Thanks so much!