CSS for Net Promoter Score | XM Community
Question

CSS for Net Promoter Score

  • 12 July 2021
  • 6 replies
  • 302 views
C

Dear community,
for a Net Promoter Score I want to have a uniform scale but the inscription of the scale is still grey ("Not at all likely" / "Extremely likely") and not blue as I wanted it to be. Any idea how to change the colour for all NPS in the survey?
image.png

Thanks for help!

6 replies

grahulp5
Rank
Userlevel 4
Badge +13

yeah, it can be changed via css; just find the default color class and then update it via .css and add color:desired color.

C

Hi grahulp5,

thanks for your answer but what does it mean in detail? How can I find default colour class? How should this CSS code then looks like?

Kr

C

On console it looks like this:
image.pngHow does the CSS code looks like then?

grahulp5
Rank
Userlevel 4
Badge +13

jQuery('.ColumnLabel.First').css('color','red')
jQuery('.ColumnLabel.Last').css('color','green')
Just update the color or class if not matching, similarly you can update any labels just view the class and paste it in the jQuery.

C

I put your code in the look & feel CSS editor, but nothing happened.. any idea why? Have I done something wrong?

image.pngKr

grahulp5
Rank
Userlevel 4
Badge +13

You need to put this code in JS of the question itself and not in custom CSS section.

Leave a Reply


Terms & Conditions