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

Custom CSS caused by answer choice background to disappear

  • 30 November 2018
  • 4 replies
  • 36 views
U
Rank
Userlevel 6
Badge +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;
}``

!
icon

Best answer by Anonymous 3 December 2018, 17:29

View original

4 replies

A
Hello @uhrxx005 ,

We may not be able to see grey boxes in this view, but just check with the preview link.
U
Rank
Userlevel 6
Badge +5
The grey boxes are missing in the preview link as well as when I take the actual survey
A
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
}
U
Rank
Userlevel 6
Badge +5
@Shashi This worked! Thank you!

Leave a Reply


Terms & Conditions