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?)

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

Hi @Max!It looks like you may be asking about custom programming/code. We actually have a Developer Corner in the community that is reserved for these types of questions. Therefore, we recommend asking your question in that section instead so coders and programmers are more likely to answer your question.P.S. They might assume that you already have a basic knowledge of programming and how to integrate it into Qualtrics. If you do not, we recommend checking out W3Schools and our pages on Adding Custom CSS and Adding JavaScript to get a basic understanding!

How can I change the position of individual Sliders?

How can I change the position of individual Sliders? | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded