Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Flat and Modern problem with edditing

  • jagrok
  • jagrok's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 8 months ago - 8 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
Attachments:
Last edit: 8 years 8 months ago by jagrok. Reason: add extra information
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 8 months ago #140806 by Joffm
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:
Code:
#movenextbtn, #movesubmitbtn,#moveprevbtn {
    background-color: #2ECC37;    
    border-color: rgb(140,227,140);
}
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
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:
The topic has been locked.
  • jagrok
  • jagrok's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 8 months ago - 8 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.
Code:
#movenextbtn, #movesubmitbtn, #moveprevbtn {
    background-color: #2ECC37 !important;    
    border-color: rgb(140,227,140) !important;
}
Last edit: 8 years 8 months ago by jagrok. Reason: Code quote
The topic has been locked.
  • jagrok
  • jagrok's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
8 years 8 months ago #140838 by jagrok
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
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
8 years 8 months ago #140844 by tpartner
Replied by tpartner on topic Flat and Modern problem with edditing
Inserting Joffm's rules at the end of template.css works for me.
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:

File Attachment:

File Name: copy_of_default.zip
File Size:300 KB
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.
Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source