CSS for Net Promoter Score | XM Community
Skip to main content
Question

CSS for Net Promoter Score

  • July 12, 2021
  • 6 replies
  • 476 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

grahulp5
QPN Level 3 ●●●
Forum|alt.badge.img+13
  • QPN Level 3 ●●●
  • July 12, 2021

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


  • Author
  • July 13, 2021

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


  • Author
  • July 13, 2021

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


grahulp5
QPN Level 3 ●●●
Forum|alt.badge.img+13
  • QPN Level 3 ●●●
  • July 13, 2021

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.


  • Author
  • July 28, 2021

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

image.pngKr


grahulp5
QPN Level 3 ●●●
Forum|alt.badge.img+13
  • QPN Level 3 ●●●
  • July 29, 2021

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