customising the yes/no radio button when checked

Hi,

we are on limesurvey 2.67.2 and wondered if we can customize the yes/no radio button when clicked/checked.


We got this to work on the 5 choices:


.choice-5-pt-radio .radio-item:nth-of-type(3) input[type="radio"]:checked + label {
background:url('images/radio3_hover.png') left top no-repeat;
}

.choice-5-pt-radio .radio-item:nth-of-type(4) input[type="radio"] + label {
background:url('images/radio4.png') left top no-repeat;
}


BUT we cannot get it to work on the .yes-no when checked



.yes-no label:first-of-type {
width: 150px;
height: 103px;
margin: 0;
border-right: 1px solid #ccc;
background: url('images/radio_yes.png') left top no-repeat;
font-size:0;
padding:0;
float: left;
}

.yes-no label:first-of-type:checked {
background: url('images/radio_yes_hover.png') left top no-repeat;
}

Hi, solte98,
here are some threads about this.
Maybe they are helpful.

https://www.limesurvey.org/forum/can-i-do-this-with-limesurvey/112273-thumbs-up-down-questions

If you use the Yes/No question type:
https://www.limesurvey.org/forum/design-issues/114968-i-want-to-make-the-colors-of-yes-and-no-different-colors
www.limesurvey.org/forum/can-i-do-this-w...checked/reply/171871

https://www.limesurvey.org/forum/installation-a-update-issues/114443-color-modification-for-a-yes-no-question

Best regards
Joffm

ah, ok... i have found out that the template was created in version 1.92? so the yes/no buttons that are in 2.65+ is not visible due to the template. it shows as a radio circle

Is there a way to have the template updated so it takes on the buttons?

When moving from 1.92 to 2.65, it would likely be easier to start fresh with a copy of one of the core templates. There were many HTML structure changes in the 2.5x and newer series.