How can I add an asterisk to the end of a question using CSS? | XM Community
Skip to main content

Is there a way I can add an asterisk (*) to any question using CSS? I need it in CSS so I can just place the code in the Custom CSS editor in the Look and Feel.

.Skin .QuestionText:after {
 content: '\\002A';
}

vgayraud Thank you for the help. May I know if it is also possible for a Star Rating Question as shown below?
image.png

https://community.qualtrics.com/XMcommunity/discussion/comment/43791#Comment_43791Is it also possible for a Star Rating Question as shown below?
image.png

reoolivarez
In that case, it would probably something like :
.Skin .STAR .Stars th.ylabel:after {
 content: '\\002A';
}
Inspect your survey preview using your browser dev tools to identify the specific element you want to change, just be careful not to add your css to high-level classes (for example applying your css to all ylabel classes) or you might get unintended asterisks everywhere in your survey.

vgayraud Thank you! It's working.

If I can hijack this thread for a moment: Is there a way to do this, say, only for required (forced response) questions?

phbern yes, just do it for each required question.

I wasn't clear :-)

I'd like to do it in the Look and Feel CSS so it is done automatically for each required question. I'd like to be able to add this to the sitewide themes so users don't have to mess with entering/editing the CSS themselves.

Leave a Reply


Terms & Conditions