Change to background colours of button checkbox widget

Hi.

Like the changes you've been able to provide for change of colurs to both form collapse and matrix widgets, could you also provide code to change background colours for button checkbox widgets?

Thanks in advance

And also button radio widget too please...

You can change the color of button checkbox widget by adding the code below:

 

button checkbox widget unchecked:

.checkboxes input + label {

color: #aaeb0f; 

background: rgba(65, 26, 153, 0.39); 

}

 

If you want to change the color when it is checked you need the add the CSS code below:

button checkbox widget checked:

 

.checkboxes input.checkedButtonCheckbox + label {

color: #aaeb0f !important; 

background: rgba(65, 26, 153, 0.39) !important; 

}

At that time it will work as you see below:

 

 

button radio widget unchecked:

.radios input + label {

color: #aaeb0f !important; 

 

background: rgba(65, 26, 153, 0.39) !important; 

}

 

button radio widget checked:

 

.radios.blue input.checkedButtonRadio + label

{

color: #aaeb0f !important; 

 

background: rgba(65, 26, 153, 0.39) !important; 

}

 

 

If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

Thank you.
I've just put this code in and it does look great.
However, I've also put it into the button radio widget and it doesn't quite
work - is has the 'selected' mode (colour change) active for all options...
...

For the Button Radios widget, you should use the following codes only:

.radios input + label {

color: #999 !important; 

font-weight: normal;

}

.radios.blue input.checkedButtonRadio + label {

color: #aaeb0f !important; 

background: rgba(65, 26, 153, 0.39) !important; 

}

 

Thank you. Changes made!
*Regards,*
*Dr. Ben Phillips*
Chiropractor
B.App.Sc.(Comp.Med.)(Chiro) M.Clin.Chiro.(RMIT)
...