Welcome to the LimeSurvey Community Forum

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

SIMPLE CSS/Style

  • BITCNI
  • BITCNI's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
3 years 5 months ago - 3 years 5 months ago #222889 by BITCNI
SIMPLE CSS/Style was created by BITCNI
Please help us help you and fill where relevant:
Your LimeSurvey version: [see right hand bottom of your LimeSurvey admin screen]
Own server or LimeSurvey hosting:
Theme:

==================
I'd like to change our Theme to simply use a few of our coroporate colors: I'd probably only need to add 3 Styles in total, but reading the Help article on the Theme makes it seem SO complicated and convoluted.  Is it possible to just add a few lines to the Files CSS area of the Theme, or do I need to find all the LS Tags and make styles for each.  For example, if I just added
h1   {color: blue;}
p    {color: red;}
into the Files CSS area, would this work?


It currently has this ("add":["css/ajaxify.css","css/theme.css","css/custom.css"]}) but do I actually need to point it to the URL of the Style Sheet on my website instead of adding styles in?

As I said, I don't think the documentation is clear and/or it's targeted at Web Developers and not just standard users.

Thanks for any help.

 
Last edit: 3 years 5 months ago by BITCNI.
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 5 months ago #222890 by holch
Replied by holch on topic SIMPLE CSS/Style
First of all you don't change your theme, you "extend" it. In the theme editor, create a copy of the theme you want to change.

Then add your changes to custom.css of that copy of the theme. Custom.css overwrites the styles of the other CSS files.

Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 5 months ago #222891 by tpartner
Replied by tpartner on topic SIMPLE CSS/Style

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • BITCNI
  • BITCNI's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
3 years 4 months ago - 3 years 4 months ago #222963 by BITCNI
Replied by BITCNI on topic SIMPLE CSS/Style
Thanks for your reply. I've extended it and have uploaded our logo, as per www.limesurvey.org/manual/Theme_editor#A...o_to_the_survey_list
However, despite changing the name of the file to the logo I uploaded, it's not showing; it still just shows the LS logo?

 
Attachments:
Last edit: 3 years 4 months ago by BITCNI. Reason: Need more help
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 4 months ago #222966 by holch
Replied by holch on topic SIMPLE CSS/Style
Did you switch your default theme to the extended theme?

Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The topic has been locked.
  • BITCNI
  • BITCNI's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
3 years 4 months ago #222967 by BITCNI
Replied by BITCNI on topic SIMPLE CSS/Style
I did. I can see the colors I added to the style sheet have taken, but the logo isn't there.
The topic has been locked.
  • BITCNI
  • BITCNI's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
3 years 4 months ago #222974 by BITCNI
Replied by BITCNI on topic SIMPLE CSS/Style
Yes, I changed the Template to the one I created, but the Logo still doesn't show up :(
 
Attachments:
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 4 months ago #222975 by Joffm
Replied by Joffm on topic SIMPLE CSS/Style
Are you sure your "CORE.png" is this "files" folder.
I do not see it here.

 

Did you set the default theme to this one in "Configuration / Global settings /default theme"?

With this I see no issue
 

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • BITCNI
  • BITCNI's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
3 years 4 months ago #222976 by BITCNI
Replied by BITCNI on topic SIMPLE CSS/Style
I uploaded the image after changing the CSS. It's definitely there.
If I change the Global Configuration file, doesn't that mean that ALL our Surveys will use this Theme? The Survey I'm trying to add this to will use a different logo, hence a different theme.
Attachments:
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 4 months ago #222977 by holch
Replied by holch on topic SIMPLE CSS/Style
I think you are confusing some things here.

What you are changing is the logo that will appear on the Survey List page (the one that Joffm is showing, like the page of your Limesurvey root, accessible for everyone outside).

This page is based on the default theme that you have set for the whole installation, because it is for the whole installation and not just a logo in a survey.

So I think you are changing the wrong logo there.

Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 4 months ago #222978 by holch
Replied by holch on topic SIMPLE CSS/Style
The changes that you are currently making would only have an effect on the Survey List page, as you are changing the survey list page template, and ONLY if the current theme is the default theme. So it would change the logo here:
 

You probably want to change the logo in the header of your survey. Usually most templates have an option to upload a logo to be displayed in a survey, no need to adapt the template. But of course, this depends a bit on the theme you are using as a base for your's.
 

Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The topic has been locked.
  • BITCNI
  • BITCNI's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
3 years 4 months ago - 3 years 4 months ago #222987 by BITCNI
Replied by BITCNI on topic SIMPLE CSS/Style
OK. This is quite confusing and not well explained in the documentation. In order to get the logo, I had to go into Theme options, change 'Inherit everything' to NO, upload a logo there, and then choose the Brand Logo. Of course, now I don't know if it's using the new theme I created (it doesn't appear to be using it), so I feel like you turn one thing on and it breaks something else.
For example, I changed the H1, H2, and H3 colors to ec008c, =11ptbut now they don't show this color anymore.
Last edit: 3 years 4 months ago by BITCNI. Reason: Added a paragraph
The topic has been locked.
Moderators: tpartnerholch

Lime-years ahead

Online-surveys for every purse and purpose