Changing range slider height in CSS | XM Community
Skip to main content

 

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

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;
}

 

Thank you Tom 

Leave a Reply


Terms & Conditions