looking for a way to slimline slider response. | XM Community
Skip to main content

i’m trying to reduce the vertical space between sliders on the survey, as the question requires ~10 stacked sliders and it is taking up a lot of space / requiring the user to scroll. any advice on how I can achieve this would be greatly appreciated, ty !

Hello @ffionunderwood, 

If you're utilizing the 'Classic' layout, you can employ the following CSS code to diminish the vertical space between sliders. However, be aware that eliminating this space may result in an aesthetically displeasing survey layout.

.JFEScope .Skin .q-slider .statement-container {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
} 

 

Let me know if this helps.

Hello @ffionunderwood, 

If you're utilizing the 'Classic' layout, you can employ the following CSS code to diminish the vertical space between sliders. However, be aware that eliminating this space may result in an aesthetically displeasing survey layout.

.JFEScope .Skin .q-slider .statement-container {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
} 

 

Let me know if this helps.

works perfectly, thank you so much !

Leave a Reply


Terms & Conditions