Selected radio button color using CSS Editor

Question

We've designed a Qualtrics survey and had a designer enter some code to match the survey to our study website. The designer is no longer on the project and we'd simply like to change the color of a radio button when it is selected. Currently, the radio button fills in white when a choice is selected. We'd like it to be blue (or anything darker really). See the screen shot below for the current design. And the current code used below that. I can't figure out where I should change the color in the code below or if there are additional lines of code. I appreciate any guidance!! Thanks in advance.

!

.Skin label.q-radio.q-checked {
    background-color: #009FAC !important;
    outline: #9C9C9C
}
.Skin label.q-checkbox, .Skin label.q-radio {
    border: 2px solid #0F993D;
    outline: none;
}
.Skin label.Matrix.q-checked.q-focused, .Skin label.SingleAnswer.mobile.q-focused:hover {
    outline: none;
}
.Skin label.q-radio.q-focused.q-checked {
    box-shadow: 0 0 4pt 2px #0F993D;
}
.Skin label.q-radio.q-checked.q-focused {
    background-color: #0F993D;
}

Anonymous · Accepted Answer

Hello @ErikS ,Paste the below code in the Add custom CSS in the Look and Feel    .Skin label.SingleAnswer.q-checked.q-focused>span::before, .Skin label.SingleAnswer.q-checked>span::before,.Skin label.q-radio.q-checked, .Skin label.q-radio.q-checked.q-focused   {        border: 2px solid blue;        background: blue!important;    }

ErikS · Answer

Awesome!!! That works perfectly. Thanks for your help!!

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded