By adding the Survey module that comes with Gravity Forms, you can create star ratings. By default the star is pretty small but I found this code from
GravityWP that makes them much bigger as pictured below.
Enter this custom CSS code:
.gsurvey-rating:not(:checked)
> label, .gsurvey-rating:not(:checked) > label:hover,
.gsurvey-rating:not(:checked) > label:hover ~ label,
.gsurvey-rating:not(:checked) > label, .gsurvey-rating:not(:checked)
> label:hover, .gsurvey-rating:not(:checked) > label:hover ~
label, .gsurvey-rating > input:checked ~ label {
background-size: 50px 50px; |
color: rgba(221, 221, 221, 0) !important; |
}
0 Comments