CSS Terms for Question Areas | XM Community
Skip to main content
Solved

CSS Terms for Question Areas


Forum|alt.badge.img+1

Hi,
I'm trying to change the background of certain questions using the Look and Feel style CSS editor.
I have changed the .QuestionBody and .QuestionText but I can't seem to find what the area below that (housing the back and next buttons) is called. It is the part still white in the picture below.
Thanks.
image.png

Best answer by ahmedA

You can't do that using the look and feel editor for the buttons because its got the same id on all the pages.
Add the required CSS within the style tags of the question HTML.

View original

8 replies

Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • 2028 replies
  • March 5, 2021

#Buttons


Forum|alt.badge.img+1
  • Author
  • 4 replies
  • March 5, 2021

https://www.qualtrics.com/community/discussion/comment/35312#Comment_35312That doesn't seem to work as ".skin #buttons" or just "#buttons"
What's the syntax? I have the following, and the first two lines work:
#QID15 .QuestionBody {background-color: #ff06;} 
#QID15 .QuestionText {background-color: #ff06;} 
#QID15 .Skin #buttons {background-color: #ff06;}  (Nothing happens)


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • 2028 replies
  • March 5, 2021

Its #Buttons not #buttons.


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • 2028 replies
  • March 5, 2021

image.png


Forum|alt.badge.img+1
  • Author
  • 4 replies
  • March 5, 2021

#QID15 .Skin #Buttons {background-color: #ff06;} 
Still doesn't work. What do I have wrong?


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • 2028 replies
  • March 5, 2021

Why are you adding QID before it?


Forum|alt.badge.img+1
  • Author
  • 4 replies
  • March 5, 2021

Like the QuestionBody and QuestionText, I need different background colors for different questions.


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • 2028 replies
  • Answer
  • March 5, 2021

You can't do that using the look and feel editor for the buttons because its got the same id on all the pages.
Add the required CSS within the style tags of the question HTML.


Leave a Reply