Updating CSS for Simple Layout

Question

I’m trying to update the following in the “Simple” layout to align with brand colours and just having no success. .Skin.QuestionBody {color: #FFFFFF;}.Skin label.SingleAnswer, .Skin label.MultipleAnswer {background-color: #FFFFFF !important;}.Skin label.SingleAnswer:hover {    color: #991ad6;    background-color: #991ad6;border-style: solid;    border-radius: 0rem;}.Skin label.SingleAnswer.q-checked.q-focused {    color: #991ad6; !important;    background-color: #991ad6;    border: #1F1B4F;    border-style: solid;    border-radius: 0rem;}All buttons needs to follow #1F1B4F; currently just setting this has Secondary Colour. All hovers state need to have a background colour of #991ad6 and text colour of #FFFFFF.All focus states needs to a background colour of #991ad6 and text colour of #FFFFFF WITH a border colour of #1F1B4F. Any help would be appreciated!

Nam Nguyen · Accepted Answer

@AlieseGraceElement work differently in Simple Layout. Try setting these:.question .question-content.choice .choice-content.mc .choice.selected .choice-label.mc .choice.selected:hover.choice-label.mc .choice.selected.focused .choice-label.mc .choice:hover.choice-label.mc .choice.focused .choice-label

Nam Nguyen · Answer

@dxconnamnguyenthank you!Do you, by any chance, also know how one might only change the radio button colouring in the CSS?@AlieseGrace.mc .choice input[type=radio], .mc .choice input[type=checkbox].question .radio-button

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded