Highlight stars in star rating question | XM Community
Skip to main content

Hello everyone, 

 

Find below a screenshot of one of my survey star rating question, as you can see I feel like we don’t see the stars enough, is there anything I can do to highlight them or maybe out square around them.

 

Let me know if you have any idea :)

 

 

Hi @Tata C , Try this. add the below code under question text html view (refer below screenshot). You can change color as per your requirement, currently it is set as black.

<style>
.slider.star .star-outline {
fill: black;
}
</style>

 


Hello @ArunDubey 

Thank you so much for your answer and sorry for taking time to answer !

I already have something in HTML view (check below) when I try to add your code it seems like it doesn’t work Do you know how should I add it ? 

 

 


Also note that I have below Javascript for my star rating question maybe we can add your code here :

 

Qualtrics.SurveyEngine.addOnload(function() {
jQuery("#"+this.questionId+" tr").each(function() {
var row = jQuery(this);
var th = row.after("<tr></tr>").find("th").attr("colspan","4").css("text-align","left");
th.remove();
});
$('thead').remove();
});


Leave a Reply