Use a custom icon on my Star Rating field

One last question—would it be possible to use a custom icon instead of the default options provided?

Hi David,

You can customize the icon on your Star Rating field by injecting a CSS code. Let me show you how:

1. First, copy this code.

.form-star-rating .form-star-rating-star {

background-image: url(https://support.jotform.com/uploads/Jovito_B/251054734806052/6206286541482654141/halloween-card.png) !important;

height: 32px !important;

width: 25px !important;

}

2. In Form Builder, click on Paint Roller icon to open Form Designer.

3. Then, under Styles tab, scroll down and paste the code in Inject Custom CSS text area. You can replace the value of the URL based on the file link of the custom icon.

Here's what it'll look like:

Give it a try and let us know how it goes.

Great! Thank you!