Solved
CSS classes for questions/apply CSS style to some questions only
+6Hello,
I want to change padding using following CSS code. However, I want to apply it to some questions only. Is there some way how to define a CSS class for questions in Qualtrics or to change CSS style in some question only using its ID or something like that?
Thank you very much for any ideas in advance.
.Skin .Separator {
margin:0px 20px;
}
.Skin .QuestionText {
font-size: 100%;
padding: 2px;
}
.Skin .QuestionBody {
padding:0px 1px 0px 1px;
}
.Skin .MC .MAHR .QuestionBody table td span.LabelWrapper label,
.Skin .MC .SAHR .QuestionBody table td span.LabelWrapper label {
padding-bottom: 5px !important;
}
Best answer by Anonymous
Hello @fleb ,
We can apply the required CSS on a specific page, using the below code
`jQuery(".Skin .Separator").css({"margin":"0px 20px"});`
And similarly for other codes
Hello @fleb ,
We can apply the required CSS on a specific page, using the below code
`jQuery(".Skin .Separator").css({"margin":"0px 20px"});`
And similarly for other codes
+6Hi @Shashi,
thank you very much again. I'm able to solve my problem with this. However is there some way how to do it if I want to apply it only to a subset of question on one page?
+27@fleb,
You can make CSS specific to a page, by adding it in a `<style>` tag to any question text on the page instead of in Look & Feel.
You can make CSS specific to a question by adding the question's id to the rule's selector. For example:
```
#QID1 .QuestionBody { padding:0px 1px 0px 1px; }
```
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.