- Posts: 3
- Thank you received: 0
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Flat and Modern problem with edditing
- jagrok
- Topic Author
- Offline
- New Member
Less
More
7 years 8 months ago - 7 years 8 months ago #140800
by jagrok
Flat and Modern problem with edditing was created by jagrok
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
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
Attachments:
Last edit: 7 years 8 months ago by jagrok. Reason: add extra information
The topic has been locked.
- Joffm
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 12888
- Thank you received: 3965
7 years 8 months ago #140806
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Replied by Joffm on topic Flat and Modern problem with edditing
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
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:
Code:
#movenextbtn, #movesubmitbtn,#moveprevbtn { background-color: #2ECC37; border-color: rgb(140,227,140); }
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
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:
The topic has been locked.
- jagrok
- Topic Author
- Offline
- New Member
Less
More
- Posts: 3
- Thank you received: 0
7 years 8 months ago - 7 years 8 months ago #140826
by jagrok
Replied by jagrok on topic Flat and Modern problem with edditing
Hello,
Thank you for your help, unfortunatly it doesnt work even if i add !important to the end of every condition.
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; }
Last edit: 7 years 8 months ago by jagrok. Reason: Code quote
The topic has been locked.
- jagrok
- Topic Author
- Offline
- New Member
Less
More
- Posts: 3
- Thank you received: 0
7 years 8 months ago #140838
by jagrok
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.
Replied by jagrok on topic Flat and Modern problem with edditing
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.
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10099
- Thank you received: 3589
7 years 8 months ago #140844
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Flat and Modern problem with edditing
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:
Code:
#movenextbtn, #movesubmitbtn, #moveprevbtn { background-color: #2ECC37; border-color: rgb(140,227,140); }
To modify the radio button, you need to target the pseudo elements that are inserted via CSS. Something like this:
Code:
.radio label::before { background-color: pink; border: 1px solid red; } .radio label::after { background-color: purple; }
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:
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:
The topic has been locked.