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

CSS Terms for Question Areas

  • March 5, 2021
  • 8 replies
  • 51 views

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.

8 replies

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

#Buttons


Forum|alt.badge.img+1
  • Author
  • 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 ●●●●●●●
  • March 5, 2021

Its #Buttons not #buttons.


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

image.png


Forum|alt.badge.img+1
  • Author
  • 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 ●●●●●●●
  • March 5, 2021

Why are you adding QID before it?


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

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


Forum|alt.badge.img+22
  • Level 7 ●●●●●●●
  • 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.