CSS to make selection (in Multiple Choice) highlighted | XM Community
Skip to main content

CSS to make selection (in Multiple Choice) highlighted

  • September 13, 2022
  • 2 replies
  • 296 views

Forum|alt.badge.img+4

Currently when an option in Multiple Choice (either single (radio) button selections or multi (checkbox) button selections) only the side dot highlights when selected. What is the CSS that I can use to turn the background a different color to highlight the selected?

image.png

2 replies

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • 876 replies
  • September 14, 2022

Hi there, try adding the below to the Custom CSS in the Style section of your survey's Look & Feel:
.Skin label.SingleAnswer.q-checked.q-focused, .Skin label.MultipleAnswer.q-checked.q-focused, .Skin label.SingleAnswer.q-checked, .Skin label.MultipleAnswer.q-checked {
    color: #ffffff !important;
    border-style: solid !important;
    border-width: 2px !important;
    border-color: #800080 !important;
    background-color: #800080 !important;
}


Forum|alt.badge.img+1
  • Level 1 ●
  • 7 replies
  • September 16, 2023

Hello!

 

how do I change the width of a drop down multiple question type.

 

secondly how to I want to be able to map a state to its unique LGA on qualtrics. For example if I have a drop-down with Country Nigeria, I should be able to see only the states unique to Nigeria.

 

how do I achieve the two above. Please I need your help


Leave a Reply