Hi, how do I change the colour of boostrap answer buttons? I've searched the forums but the answers don't work and I can't find the options in my CSS (I'm using Vanilla that I've extended to allow modification).

https://forums.limesurvey.org/forum/attachment/24110?download=1

As you can see, 'Female' is selected but its colour is not that much different from the unselected ones. 

I'm on Version 4.4.1+210201 which I know isn't the most stable recent version but hoping that will help. May explain why some solutions don't work, eg I don't see Options as suggested in this answer .

Edit: image appears in preview but not when saved. Why?

Hi,
did you read and try this?
[url] forums.limesurvey.org/forum/dutch-forum/...leur-sjabloon-fruity [/url]

It is from the Duch forum, but you should be able to translate the few words.

Joffm

Thank you. No I'd not thought to search Dutch forums (!). For those looking here is the solution, added to Custom.css. Obviously change the colours to whatever works best.

And to add that if you want to check the accessibility of the colours for the text ('color') and background ('background-color') I suggest using snook.ca/technical/colour_contrast/colour.html

You have webaim.org/resources/contrastchecker/ too.

And if needed a A11Y solution : check extensions.sondages.pro/themes-and-templ...a11y-and-usuability/

Thanks for the solution.

It didn't work at first because of how CSS applies the styling, had to be more specific to get a higher priority.
It worked by changing the .btn-primary by .fruity div.btn-primary


Another way of making it work is by adding an !important modifier, just like specified in the Dutch forum :
forums.limesurvey.org/forum/dutch-forum/...leur-sjabloon-fruity