Hello! All!

I am using LimeSurvey version 2.65.6.

I want to make the colors of Yes and No different colors, but I do not know the method.
I searched the template editor and template js,
Please tell me a good plan.

As an example
<! - Yes -> <label class = "btn btn - primary>
<! - No -> <label class = "btn btn-default> etc ..

Thank you!

The HTML of the questions is not inside survey themes.
Since LS3, we have a Question Theming functionality:
github.com/LimeSurvey/LimeSurvey/tree/master/themes/question

In LS 2.50+, we have question view override:
manual.limesurvey.org/Theme_editor#Custo...ws_.28New_in_3.0_.29

Hi, toraco,

I searched the template editor and template js,

unfortunately you did not search the forum

www.limesurvey.org/forum/installation-a-...or-a-yes-no-question

Best regards
Joffm

Hello LouisGac!
Thank you for the quick reply.

I tried setting the question display override.
However, the question display part is not displayed in the template editor.
Is the following wrong?
· Copy application / views / survey / * to template / {your_view_directory} / survey /
This part (template / {your_view_directory} / survey /) is
I interpret it as (template / {my_template} / {my_view_directory} / survey /) below.

Thank you very much.

It's not possible to use the template editor for question templates... even in LS3. It should be available for LS4

Hello Joffm!
Thank you for the quick reply.
It seems my search was missing. . .
I did not know that there is a way in CSS like this! I will refer to it.
However, since there are over 100 questions, I feel that it is not valid this time.

Hi, toraco,

If you set this in "template.css" it affects ALL "Yes/No" questions.
www.limesurvey.org/forum/installation-a-...s-no-question#166647

Regards
Joffm

I am grateful to Joffm for your kindness.
But, what I wanted to change is the meaning as follows.

When it is YES
.answer-container .btn-group .btn-primary {
    background-color: green;
}
 
.answer-container .btn-group .btn-primary: hover {
    background-color: light-green;
}
 
.answer-container .btn-group .btn-primary: active,
.answer-container .btn-group .btn-primary.active {
    background-color: dark-green! important;
}


When it is NO

.answer-container .btn-group .btn-primary {
    background-color: red;
}
 
.answer-container .btn-group .btn-primary: hover {
    background-color: light-red;
}
 
.answer-container .btn-group .btn-primary: active,
.answer-container .btn-group .btn-primary.active {
    background-color: dark-red! important;
}

Even when it is not active, you want to display YES and NO in different colors.
When it is active, I want to make each color darker.

Is this possible with CSS?

Thank you

My attached image was wrong.

Try this:

The "Y" and "N" refer to the button.

default:


hover:


active:


Joffm

P.S.
Up to you to set your desired colors