Solved
How can I change the position of individual Sliders?
I would like to have several sliders on one page but in various positions. (I do not mean the starting value of each slider, but the position of the slider itself, so that sliders are not vertically aligned.)
This CSS-Code ("Look and Feel" - "advanced" - "Add Custom CSS") does the job, but for all sliders in the survey at once:
.Skin .horizontalbar {
margin: 2em 0.5px 0.5px 0.5px;
position: relative;
left: 500px;
}
Is there a way to change the position for each slider seperately? (Via CSS in "Look and Feel" or Javascript?)
Best answer by mattyb513
Your easiest path forward is probably CSS with the QID specified:
```css
.Skin #QID1 .horizontalbar {
margin: 2em 0.5px 0.5px 0.5px;
position: relative;
left: 100px;
}
.Skin #QID2 .horizontalbar {
margin: 2em 0.5px 0.5px 0.5px;
position: relative;
left: 200px;
}
```
Attached is a working example and the qsf. This seems like a change that will lead to all kinds of problems but since there is no context provided it's hard to predict. Good luck.
https://qualtricssfi.az1.qualtrics.com/jfe/preview/SV_bI3T8QfFbo9qb2d?Q_SurveyVersionID=current&Q_CHL=preview
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
