+2
Hi all, sorry about the huge image.
I am trying to change the slider above to minimise the amount of space between the actual slider and the scale above it as it doesn’t fit on the screen.
I have tried this CSS code:
.Skin .horizontalbar table.sliderGrid {
margin-bottom: 1px;
margin-top: 1px;
height: 1px;
border-spacing: 1px;
}
I can increase the size, but not make it any smaller. Any thoughts on how to achieve this?
Thank you
Best answer by Tom_1842
Hi, try adding the below CSS to the Style section of the survey’s Look & Feel, updating the padding value as needed:
.JFEScope .Skin .Slider .HBAR .q-slider .statement-container div,
.JFEScope .Skin .Slider .HSLIDER .q-slider .statement-container div {
padding-bottom: 10px !important;
}
+28Hi, try adding the below CSS to the Style section of the survey’s Look & Feel, updating the padding value as needed:
.JFEScope .Skin .Slider .HBAR .q-slider .statement-container div,
.JFEScope .Skin .Slider .HSLIDER .q-slider .statement-container div {
padding-bottom: 10px !important;
}
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.