Change of colors

More
3 months 1 week ago #158156 by oumaimaf
oumaimaf created the topic: Change of colors
Hello all,

could someone please tell me how I can change the color of this header in the survey page?



I would also like to change the following:

- I'm editing the default template and would like the background of the survey to be white instead of light grey
- Where can I find the code to each color? I'm looking for the code for dark orange.

Thank you !!
Attachments:

Please Log in to join the conversation.

More
3 months 1 week ago - 3 months 1 week ago #158199 by Joffm
Joffm replied the topic: Change of colors
https://www.computerhope.com/htmcolor.htm

To find the classes of the parts you want to change you best use a web development tool which is mostly included in your browser and look for the classes.

E.g. to change the color of the question header you have to change
.question-title-container
and
.questionvalidcontainer

Then overwrite the background-color in template.css

Joffm
Last Edit: 3 months 1 week ago by Joffm.

Please Log in to join the conversation.

More
3 months 1 week ago - 3 months 1 week ago #158219 by LouisGac
LouisGac replied the topic: Change of colors
LimeSurvey templates are using Bootstrap.

The best way to change color is then to regenerate a Bootstrap CSS file with the generator:
getbootstrap.com/docs/3.3/customize/

(you can set the color variables)

An easier way to do is to choose one of the Bootswatch templates:
bootswatch.com/

In both cases, just add the CSS file to your CSS template directory, and update the template manifest.
Last Edit: 3 months 1 week ago by LouisGac.

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!