- Posts: 15
- Thank you received: 0
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
Less
More
7 years 9 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
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
Less
More
- Posts: 15
- Thank you received: 0
7 years 9 months ago - 7 years 9 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!
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 9 months ago by jantienm. Reason: typo
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10108
- Thank you received: 3593
7 years 9 months ago #139192
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 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
Less
More
- Posts: 15
- Thank you received: 0
7 years 9 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!
Thanks again for helping out!
The topic has been locked.
- tpartner
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10108
- Thank you received: 3593
7 years 9 months ago #139201
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 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:
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
Less
More
- Posts: 15
- Thank you received: 0
7 years 9 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
Less
More
- Posts: 38
- Thank you received: 0
7 years 9 months ago #139491
by adridg
Can you help me in changing backgroung color where the question text appears?
Thank you
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
Less
More
- Posts: 12916
- Thank you received: 3975
7 years 9 months ago #139513
by Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
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)
.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:
The following user(s) said Thank You: adridg
The topic has been locked.
- bruce78
- Offline
- Senior Member
Less
More
- Posts: 77
- Thank you received: 4
7 years 4 months ago #145628
by bruce78
That was a life saver! I was beginning to tear my hear out!
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.