Welcome to the LimeSurvey Community Forum

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

Change colour of slider handle

  • paulfiner
  • paulfiner's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
3 years 3 weeks ago #214260 by paulfiner
Change colour of slider handle was created by paulfiner
I'd like to change the colour of the slider handle which is currently white and kind of getting 'lost' in the white background of the question.
Either that or put a border around the handle would work too.
Thanks
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 3 weeks ago #214263 by DenisChenu
Replied by DenisChenu on topic Change colour of slider handle
LimeSurvey version ?
Template and theme used ?
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • paulfiner
  • paulfiner's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
3 years 3 weeks ago #214265 by paulfiner
Replied by paulfiner on topic Change colour of slider handle
Sorry, v3 and using a version of the Fruity theme.
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 3 weeks ago #214277 by Joffm
Replied by Joffm on topic Change colour of slider handle

 a version of the Fruity theme.


I suppose the color of the handle is set in this yours version.

In standard fruity it looks like this (depending on the setting of "Slider initial value set at start")

   



Or do you use a workaround to hide the handle, until it is touched.
I remember there was this wish some time ago.

But nevertheless: You may change by setting these classes in your "custom.css"
Code:
.slider-handle {
  background-color: #702000;
}
 
.slider-handle.custom::before {
  color: #702000;
}
 
.slider.slider-untouched .slider-handle {
  background-color: transparent;
}
 
.slider.slider-untouched .slider-handle.custom::before {
  color: #bbb;
}
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: DenisChenu
The topic has been locked.
  • paulfiner
  • paulfiner's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
3 years 3 weeks ago #214282 by paulfiner
Replied by paulfiner on topic Change colour of slider handle
Thanks for looking at this. I don't have any workarounds and I added in your css to my custom.css file but nothing changed. If I inspect the element in the browser I can see the css but somehow it seems to be getting overridden and I can't see where.
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 3 weeks ago #214309 by Joffm
Replied by Joffm on topic Change colour of slider handle
In "fruity" you may prepend the class ".fruity"
like .fruity .slider-handle

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source