Stars questions on mobile | XM Community
Skip to main content
Solved

Stars questions on mobile

  • June 22, 2023
  • 3 replies
  • 73 views

Forum|alt.badge.img+3

Hi there,

I am using a stars scale question in my survey, with 4 items but actually those items are not display correctly on mobile. They are a bit cut (see image below).

Also I would like to change the color of the stars when selected, how to do that ?

Thanksss!

 

Best answer by TomG

To change the color, you’ll need to make a copy of the Qualtrics stars.png image, modify the selected color, and upload it to your Qualtrics library. Then add custom CSS:  

.Skin .STAR .StarsContainer .Filled {
    background: transparent url(/*url of your new stars image goes here*/) 0 0;
}

 

3 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • June 22, 2023

Not sure what you mean by ‘cut’, but it may be helpful to move the labels above the stars:

 


Forum|alt.badge.img+3

Great thanks, above the stars is perfect! 

What about the color of the stars when selected ?

 


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • Answer
  • June 22, 2023

To change the color, you’ll need to make a copy of the Qualtrics stars.png image, modify the selected color, and upload it to your Qualtrics library. Then add custom CSS:  

.Skin .STAR .StarsContainer .Filled {
    background: transparent url(/*url of your new stars image goes here*/) 0 0;
}