How i can change it to numbers?

Community Guidelines
1

1
11920×910 84.6 KB

how i can change it to numbers?

2

Hi Ben,

I noticed you have five options, and to change them accordingly, you can apply the following CSS:

css

.ss-answer-option--choice .ss-option-no__index {
font-size: 0;
}

.ss-answer-option--choice .ss-option-no__index::after {
font-size: 14px;
}

.ss-answer-option--choice:nth-child(1) .ss-option-no__index::after {
content: "1";
}

.ss-answer-option--choice:nth-child(2) .ss-option-no__index::after {
content: "2";
}

.ss-answer-option--choice:nth-child(3) .ss-option-no__index::after {
content: "3";
}

.ss-answer-option--choice:nth-child(4) .ss-option-no__index::after {
content: "4";
}

.ss-answer-option--choice:nth-child(5) .ss-option-no__index::after {
content: "5";
}
Applying this should result in a layout similar to the example image:

image

If you plan to add more options, you can replicate the code using the following logic:

css

.ss-answer-option--choice:nth-child(option number) .ss-option-no__index::after {
content: "value";
}
For instance, if you're adding a 6th option, use:

css

.ss-answer-option--choice:nth-child(6) .ss-option-no__index::after {
content: "6";
}
Hope this helps!

Best regards,
Jay
SurveySparrow Support Team