Hello all,

I have created a survey that has the background color change and color of text depending on the respondent’s embedded data:

If they enjoy vanilla ice cream, then they will see a survey with a cream-colored background. If they enjoy chocolate, they will see a survey with a brown colored background. I want to keep the “Question Container” option on however it keeps blending in with the background color with my current code in the “Header” section: 

<style type="text/css">.Skin, .Skin #Wrapper, .Skin .SkinInner, .Skin #PushStickyFooter, #SurveyEngineBody {
background-color: ${e://Field/Color1} !important;
}

.Skin .QuestionText, .Skin .QuestionBody, .Skin label.MultipleAnswer.q-checked, .Skin label.MultipleAnswer.q-checked.q-focused, .Skin label.SingleAnswer.q-checked, .Skin label.SingleAnswer.q-checked.q-focused, .Skin .EndOfSurvey {
color: ${e://Field/ColorText} !important;
}

.Skin label.SingleAnswer>span::before, .Skin label.MultipleAnswer>span::before, .InputText, .Skin label.q-radio, .TextEntryBox {
border: 2px solid ${e://Field/ColorText} !important;
color: ${e://Field/ColorText} !important;
SkinContent: ${e://Field/Color2} !important;
}

<style>
</style>

Is there any way to add any existing code to this that can enable the “Question Container” all white?

Thanks!