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

CSS Terms for Question Areas

  • March 5, 2021
  • 8 replies
  • 54 views
M
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.

    KISHORE1997
    nikhiljain2274

    8 replies

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

    #Buttons

    M
    Forum|alt.badge.img+1
    • MattAMA
    • 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)

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

    Its #Buttons not #buttons.

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

    image.png

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

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

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

    Why are you adding QID before it?

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

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

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

    Terms & ConditionsAccessibility statement