Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Changing Colours of Slider

  • alpaalpa
  • alpaalpa's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 month 1 week ago #267236 by alpaalpa
Changing Colours of Slider was created by alpaalpa
Please help us help you and fill where relevant:
Your LimeSurvey version: LimeSurvey Community Edition   Version 6.6.6+241002 
Own server or LimeSurvey hosting: Own Server
Survey theme/template: ls_line, which is based on fruity
==================
I'm trying to change the colour of the Slider from sea green to something else.  There are some old forum posts which was bsed on version 3 does not work for me.

I tried the following:

.slider {
  background: red;
}
.slider-track-low {
    background: yellow;
}
.slider-track-high {
  background: blue;
}
'slider-track-high' changed the high part to Blue.  However, the low part, as well as the handle remains 'green', which I believe is the default color of everything?
I tried changing 'slider-handle', 'slider-selection', and didn't work.
 
 

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 month 1 week ago #267247 by Joffm
Replied by Joffm on topic Changing Colours of Slider
This should be sufficient
Code:
<style>
    .slider-selection {
            background: blue !important;
    }
    .slider-track {
            background: yellow !important;
    }
</style>
 

Joffm
 
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: DenisChenu

Please Log in to join the conversation.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source