Custom CSS caused by answer choice background to disappear | XM Community
Skip to main content
Solved

Custom CSS caused by answer choice background to disappear

  • November 30, 2018
  • 4 replies
  • 54 views

Forum|alt.badge.img+5
Hi Everyone, I am using the new look and feel editor with a blank theme. I set an image as my background using the background tab (no code involved). I then used some custom CSS provided in a previous thread to put a white background on each question. The issue I am having is that the whitebackground has made the faded grey boxes disappear from answer choices (See screenshot below). Can someone please help me modify the CSS so I can choose a background color for how these boxes look before they are selected. Here is the current CSS I am using ``.Skin #SkinContent { margin: 35px; background-color: white; }`` !

Best answer by Anonymous

Hello @uhrxx005 , Paste the below code in the Add Custom CSS .Skin label.MultipleAnswer, .Skin label.SingleAnswer { background:rgba(0,0,0,.06)!important; } .Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked { color:white!important; background:#7a0019!important }

4 replies

  • December 1, 2018
Hello @uhrxx005 , We may not be able to see grey boxes in this view, but just check with the preview link.

Forum|alt.badge.img+5
  • Author
  • Level 3 ●●●
  • December 3, 2018
The grey boxes are missing in the preview link as well as when I take the actual survey

  • Answer
  • December 3, 2018
Hello @uhrxx005 , Paste the below code in the Add Custom CSS .Skin label.MultipleAnswer, .Skin label.SingleAnswer { background:rgba(0,0,0,.06)!important; } .Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked { color:white!important; background:#7a0019!important }

Forum|alt.badge.img+5
  • Author
  • Level 3 ●●●
  • December 3, 2018
@Shashi This worked! Thank you!