Hi,I’m doing some custom styling on a multiple choice question in my survey and I think life would be easier if I could add a custom css class to each of the response options. I’m sure you can do this through javascript but I’m not sure how/what syntax to use? I don’t want to add the class to a parent element because my css would specifically be targeting when the response also has the “q-checked” class applied, so that a selected answer (for this question only, no other questions) has specific styling applied.Thankyou!

One of the nice things about CSS is your don’t need to apply the class to each element to be styled. You can just add a class to the question then include it in your CSS rule. For example, you can do something like in your Custom CSS:.Skin .myClass label.MultipleAnswer.q-checked,.Skin .myClass label.SingleAnswer.q-checked { color: red;} The add this JS to your question:Qualtrics.SurveyEngine.addOnload(function() { jQuery(this.questionContainer).addClass("myClass");});

Oh cool, I didn’t know that! Thanks.So for this example:I could add class 1 to the question container and then essentially overwrite it for unsure & other using the CSS selector? That’s a lot more efficient than what I’m currently doing, thankyou!Yes.

How to add a class to response options

How to add a class to response options | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded