Dear All

I would like to edit flat_and_modern css template, and i read some suject from this forum.
Unfortunatly not at all changes appear after modification.
I cant change button colours and radio active circle
And as well i have a issue to change background color of menu QUESTION INDEX

Please follow with test survey which i`ve created, as you can see some elements has been modified correctly but not at all.

forms.kinekspert.com.pl/ankieta/index.php/754589#




I`m using latest version of LimeSurvey 2.50+ Build 160816

Hi, jagrok,
it's difficult to see in your example what and how you want to change things.

Well the color of the buttons to change is really easy:
Just add at the end of the "template.css" the following: See screenshot

So the best is to analyze the css classes by Firebug or another webdevelopper tool and add the new changed code at the end of "template.css".
BTW: Sometimes you have to add the statement "!important"
Best regards
Joffm

Hello,

Thank you for your help, unfortunatly it doesnt work even if i add !important to the end of every condition.

jagrok wrote: Hello,

Thank you for your help, unfortunatly it doesnt work even if i add !important to the end of every condition.

Code:

#movenextbtn, #movesubmitbtn, #moveprevbtn { background-color: #2ECC37 !important; border-color: rgb(140,227,140) !important; }

In the meantime i have solved my problem with replacing some elements in css like .btn etc with Firebug, however i cant debug radio input element which is ring inside of the form.

Inserting Joffm's rules at the end of template.css works for me.
To modify the radio button, you need to target the pseudo elements that are inserted via CSS. Something like this:
Try setting "debug" to 1 in /application/config/config.php. This will cause the template files to be loaded directly from the template directory instead of from /tmp/assets/.



Sample template attached: