How can I hide the score number in my rating scale?

Hi, I have a CSS code that works well. However, when I had a few participants fill out the form, I saw that the scores that appear after marking cause confusion. Can we ensure that these scores do not appear after marking?

CSS codes I am currently using;
.rating-item-group {

position: relative;

}

.rating-item-group .rating-item:last-child span label {

position: absolute;

right: -120px;

top: -30px;

}

.rating-item-group .rating-item:first-child span label {

position: absolute;

left: -95px;

top: -30px;

}

.rating-item-group {

 padding-left: 80px !important;

Hi Cihangir,

Thanks for reaching out to Jotform Support. I need some time to look into this. I'll get back to you as soon as I can.

Thanks for your patience.

Hi Cihangir,

I recommend you to use our Input table element, which is exactly what you need according to your form input table, this way you won't have any numeric scaling since Scale Rating Properties have numbers. Let me show you how to add it:

• Click on the Add Form Element menu on the left side of the page.
• Under the Basic tab,  drag and drop Input Table to your form.

Reach out again if there’s anything else we can help you with.

What I'm talking about is called a semantic differential scale. If I wanted to use a Likert type scale, I could do it the way you mentioned. What I want is not related to what you mentioned. I need CSS code. thank you.

Hi Cihangir,

You can easily remove the score number by Injecting CSS Codes into your form. Let me walk you through it:

1. First, copy this code:

/*To hide the score after it's checked*/

.rating-item input:checked+label {

 font-size: 0px !important;

 }

/*To hide the score when you're hovering on it*/

.rating-item input:hover+label {

 font-size: 0px !important;

 }

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. Now, in the Form Designer menu, click on the Styles tab, scroll down, and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved.

Check out the screencast below to see my results:

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

Thank you, it worked perfectly. Have a nice day.