In the company where I work, we have some surveys that are prepared for several different countries. We are undergoing a rebranding, changing the colors we use for everything that has our visual language - including the surveys - and we are implementing it one country at a time. Therefore, we do not want to change the survey's 'theme' all at once.
Searching on Google and on this forum, I found a script that helped me change the color of the buttons, using an embedded value to help (site_id is what we're going to use to call the country, and "MLM" means Mexico):
<script>
if ('${e://Field/site_id}'=='MLM') {
jQuery('.Skin #Buttons #NextButton, .Skin #Buttons #PreviousButton').css({
'background' : '#3483FA'
});
jQuery('.Skin #Buttons #NextButton:focus, .Skin #Buttons #PreviousButton:focus').css({
'background' : '#3483FA',
'outline' : '0'
});
jQuery('.Skin #Buttons #NextButton:hover, .Skin #Buttons #PreviousButton:hover').css({
'background' : '#3483FA',
'border-color' : '#3483FA'
});
jQuery('.Skin #Buttons #NextButton:active, .Skin #Buttons #PreviousButton:active').css({
'background' : '#3483FA',
'border-color' : '#3483FA'
});
jQuery('.Skin label.q-checkbox, .Skin label.q-radio').css({
'border' : '1px solid #3483FA'
});
jQuery('.Skin label.q-radio.q-checked').css({
'background-color' : '#3483FA'
});
jQuery('.Skin label.q-radio.q-checked.q-focused').css({
'background-color' : '#3483FA'
});
jQuery('.Skin label.q-checkbox.q-checked').css({
'background-color' : '#3483FA'
});
jQuery('.Skin label.q-checkbox.q-checked.q-focused').css({
'background-color' : '#3483FA'
});
jQuery('.Skin label.MultipleAnswer.q-checked.q-focused,.Skin label.SingleAnswer.q-checked.q-focused').css({
'background' : '#3483FA'
});
jQuery('.Skin label.MultipleAnswer.q-checked,.Skin label.SingleAnswer.q-checked').css({
'background' : '#3483FA',
'border-color' : '#3483FA',
'color' : '#fff'
});
}
</script>
It does work for the buttons. However, it doesn't work for the color of the radio buttons (see pics). At times, it colored the entire radio button (including 'unchecked'), which I also don't want. What I would like is to change the primary color from #009ee3 to #3483fa and all its applications according to the country/site. Is it possible?
