Increase size stars slider | XM Community
Skip to main content

Hello, 

I am trying to increase the size of my survey star slider (5 stars question), as it looks very small, especially on iPads horizontal view. I already have the below CSS added to center the slider. Does anybody have an idea of how I could also increase the size?

Thanks a lot,

Federica

 

.Skin .Slider .STAR .horizontalbar table.sliderGrid tr td.value {
  display: none !important;
}

div.Inner.BorderColor.STAR > div > fieldset > div > div.horizontalbar.ChoiceStructure.Stars > table > thead > tr:nth-child(1) {
display: none !important;
}

.Skin .STAR .Stars tbody tr {
display: flex !important;
 flex-wrap: wrap !important;
 justify-content: center !important;
}

.Skin .STAR .StarsContainer {
left: -95px;
}
 

@dezzanf 

The stars on slider are actually Images. Hence, you will have to use custom images to actually increase the size of survey star.  

Thank you for the answer! I did not add any image for the stars, but used the slider option “star”: how could I add an image and still get the rating results?

Thanks a lot,

federica

Leave a Reply


Terms & Conditions