Welcome to the LimeSurvey Community Forum

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

change background color of the header

jantienm
Topic Author
Offline
New Member

More

8 years 10 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
Topic Author
Offline
New Member

More

8 years 10 months ago - 8 years 10 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: 8 years 10 months ago by jantienm. Reason: typo

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

8 years 10 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
Topic Author
Offline
New Member

More

8 years 10 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
Offline
LimeSurvey Community Team

More

8 years 10 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
Topic Author
Offline
New Member

More

8 years 10 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.

adridg
Offline
Junior Member

More

8 years 10 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
Offline
LimeSurvey Community Team

More

8 years 10 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

Attachments: