Welcome to the LimeSurvey Community Forum

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

Changing border and line color

  • salter
  • salter's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
5 years 11 months ago #168841 by salter
Changing border and line color was created by salter
Is it possible to change the line/border color on the default templates? The light gray color is hard to see for our older respondents.


thanks
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 11 months ago #168845 by holch
Replied by holch on topic Changing border and line color
Yes, you just need to extend the default templates with your own CSS code.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The topic has been locked.
  • salter
  • salter's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
5 years 11 months ago #168846 by salter
Replied by salter on topic Changing border and line color
Can you start me off in the right direction on how to do that? Not familiar where everything is located in LS.
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 11 months ago #168847 by holch
Replied by holch on topic Changing border and line color
Depends very much on your LS version and your survey theme/template.

Short story: Check with a developer tool in your browser which elements you want to change, go to the theme editor and extend one of the standard themes with your CSS adaptations.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The topic has been locked.
  • salter
  • salter's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
5 years 11 months ago #168848 by salter
Replied by salter on topic Changing border and line color
Using community version on my windows server. Using fruity template. I have not made any customization to this server. Only little knowledgeable with html and css coding.
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 11 months ago #168849 by holch
Replied by holch on topic Changing border and line color
So what you need to do is open your survey and use some kind of developer tool (e.g. chrome already comes with it --> right click --> inspect). then when you click on the survey it will show you in the source code where the respective element you have clicked on has been defined. You check what ID or class it has and search for this in the CSS file in your template editor (extend your existing theme) and adapt the color accordingly.

I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.

The topic has been locked.
  • salter
  • salter's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
5 years 11 months ago #168910 by salter
Replied by salter on topic Changing border and line color
Not having much luck. Did as you suggested, but I can't seem to find the correct values. I have attached an example of the lines I am referring to, they are circled in red.
Attachments:
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
5 years 11 months ago - 5 years 11 months ago #168914 by Joffm
Replied by Joffm on topic Changing border and line color
Hi, salter,
unfortunately you didn't say which browser you are using.
Therefore here in Chrome.

With CTRL-Shift-I you start the Development tool.

Then you start exploring.

You see here, that the "question and answer" area has a class ".question-container"


and at the right you see the actual values.


Just overwrite these values in your "custom.css" of your extended theme.

Next:
Here you see that the class ".form-control" is affected.

And also you see the actual values:

which you overwrite by e.g. "border: 1px solid red;" or whatever.

Of course, without a little bit of knowledge in css (and HTML) it seems to be difficult, but a challenge to learn.

Best regards
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 5 years 11 months ago by Joffm.
The following user(s) said Thank You: holch
The topic has been locked.
  • salter
  • salter's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
5 years 11 months ago #168924 by salter
Replied by salter on topic Changing border and line color
I see it now, thanks for the help.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose