Welcome to the LimeSurvey Community Forum

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

change dynamic sliders' color

More
6 years 3 months ago #160915 by plab
change dynamic sliders' color was created by plab
Hi there,

how can I change the dynamic sliders color in the multiple numerical input question?
like this

because the default template is cannot see clearly


version:2.70.0+170921

thanks
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 3 months ago - 6 years 3 months ago #160920 by Joffm
Replied by Joffm on topic change dynamic sliders' color
Hi, plab,

add to your "template.css"
Code:
.slider-selection  {background-image: linear-gradient(to bottom, #f9f900 0%, #f5f500 100%)}


You should adapt the colors to your wishes.

Best regards
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Last edit: 6 years 3 months ago by Joffm.
The following user(s) said Thank You: tpartner, plab
The topic has been locked.
  • LouisGac
  • LouisGac's Avatar
  • Visitor
  • Visitor
6 years 3 months ago #160933 by LouisGac
Replied by LouisGac on topic change dynamic sliders' color
I also would like to say it's based on Bootstrap Sliders, so you will find documentation here about how to customize it:

seiyria.com/bootstrap-slider/
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 3 months ago #160936 by tpartner
Replied by tpartner on topic change dynamic sliders' color
I think Louis is on Bootstrap's payroll :)

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: plab
The topic has been locked.
More
6 years 3 months ago #160937 by plab
Replied by plab on topic change dynamic sliders' color
thanks Joffm

it's work
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose