Welcome to the LimeSurvey Community Forum

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

change background color of the header

  • jantienm
  • jantienm's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 8 months ago #139171 by jantienm
Replied by jantienm on topic change background color of the header
Hi Tony,

I called my hosting company and he showed me how I clean the "Varnish cash" on my virtual server. Now finally it refreshed!!

Thanks for helping me!!

Jantien
The topic has been locked.
  • jantienm
  • jantienm's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 8 months ago - 7 years 8 months ago #139172 by jantienm
Replied by jantienm on topic change background color of the header
Tony,

Now I finally can see the changes, could you help me with changing the color of the surveys title and the texts: load unfinished survey and save for later that are shown in the header as well?

Thx!
Last edit: 7 years 8 months ago by jantienm. Reason: typo
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 8 months ago #139192 by tpartner
Replied by tpartner on topic change background color of the header
Try something like this at the end of template.css:

Code:
.navbar-default .navbar-brand {
    color: #FFF000 !important;
}
 
.navbar-default .navbar-nav > li > a {
    color: #FFF000;
}
 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FF00FF;
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: jantienm
The topic has been locked.
  • jantienm
  • jantienm's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 8 months ago #139198 by jantienm
Replied by jantienm on topic change background color of the header
Yes that works. Thanks a lot. One more thing. I want to use two sizes of my logo. On mobile I want to use one with width 200px. On the other screens though I'd like to use a larger one. Is that possible?

Thanks again for helping out!
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 8 months ago #139201 by tpartner
Replied by tpartner on topic change background color of the header
You can use a CSS Media Query to detect screen width - www.w3schools.com/cssref/css3_pr_mediaquery.asp

So, something like thisin template.css:

Code:
.navbar-brand img {
  width: 350px;
  height: auto
}
 
@media only screen and (max-width: 768px) {
  .navbar-brand img {
    width: 200px;
    height: auto
  }
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • jantienm
  • jantienm's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
7 years 8 months ago #139202 by jantienm
Replied by jantienm on topic change background color of the header
Great! Thanks a lot
The topic has been locked.
More
7 years 7 months ago #139491 by adridg
Replied by adridg on topic change background color of the header

tpartner wrote: Try something like this at the end of template.css:

Code:
.navbar-default .navbar-brand {
    color: #FFF000 !important;
}
 
.navbar-default .navbar-nav > li > a {
    color: #FFF000;
}
 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FF00FF;
}


Can you help me in changing backgroung color where the question text appears?
Thank you
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 7 months ago #139513 by Joffm
Replied by Joffm on topic change background color of the header
change background color in classes
.question-title-container
and
.questionvalidcontainer

Procedure always the same:
add the classes at the end of your "template.css" and overwrite the values of "background-color"

like screenshot (changed to blue)

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: adridg
The topic has been locked.
More
7 years 3 months ago #145628 by bruce78
Replied by bruce78 on topic change background color of the header

tpartner wrote: Delete everything in /tmp/assets/, clear your cache and retest.


That was a life saver! I was beginning to tear my hear out!
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose