CSS for Net Promoter Score | XM Community
Question

CSS for Net Promoter Score

  • 12 July 2021
  • 6 replies
  • 309 views

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

Userlevel 4
Badge +13

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

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

image.pngKr

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.

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

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

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.

Leave a Reply