Hi,We have an NPS Question and we usually format the numbers to have colors to give some visual clue. I typically use the following Custom CSS in other layouts but it does not function in the Simple Layout. Any suggestions on how to apply or adjust this code to work in Simple Layout? Thanks, ****Custom CSS CODE NPS ***label#QID24-label.SingleAnswer{color :red !Important;}label#QID24-0-label.SingleAnswer{color :red !Important;}label#QID24-1-label.SingleAnswer{color :red !Important;}label#QID24-2-label.SingleAnswer{color :red !Important;}label#QID24-3-label.SingleAnswer{color :red !Important;}label#QID24-4-label.SingleAnswer{color :red !Important;}label#QID24-5-label.SingleAnswer{color :red !Important;}label#QID24-6-label.SingleAnswer{color :red !Important;}label#QID24-7-label.SingleAnswer{color : #f9d71c !Important;}label#QID24-8-label.SingleAnswer{color : #f9d71c !Important;}label#QID24-9-label.SingleAnswer{color :green !Important;}label#QID24-10-label.SingleAnswer{color :green !Important;}

Use this CSS:.nps .choices .choice:not(.selected) .choice-label { background-color:red; }.nps .choices .choice:not(.selected) .choice-label[id$='-7'],.nps .choices .choice:not(.selected) .choice-label[id$='-8'] { background-color:#f9d71c; }.nps .choices .choice:not(.selected) .choice-label[id$='-9'],.nps .choices .choice:not(.selected) .choice-label[id$='-10'] { background-color:green; }If used in Custom CSS it will apply to any NPS question in the survey. It is best to avoid using hardcoded ids (e.g., #QID24) and !important in CSS rules.

Use this CSS:.nps .choices .choice:not(.selected) .choice-label { background-color:red; }.nps .choices .choice:not(.selected) .choice-label[id$='-7'],.nps .choices .choice:not(.selected) .choice-label[id$='-8'] { background-color:#f9d71c; }.nps .choices .choice:not(.selected) .choice-label[id$='-9'],.nps .choices .choice:not(.selected) .choice-label[id$='-10'] { background-color:green; }If used in Custom CSS it will apply to any NPS question in the survey. It is best to avoid using hardcoded ids (e.g., #QID24) and !important in CSS rules.Hi @TomG, I used the above code and it worked straigth away for my nps question. thanks

Custom CSS Code Simple Layout | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded