Welcome to the LimeSurvey Community Forum

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

"Plain" slider, no difference in left and right part

More
2 years 11 months ago #232449 by Jmantysalo
I was asked to make a slider without normal color bar. It is almost simple: To custom.css I added

.special42 .slider-selection { background-image: none; }
.special42 .slider-track { background-image: none; }

and said that the user should add special42 as a custom css class. However, there is still one pixel error: the bottom line in the slider is black to the left from marker, white to the right. Is it possible to remove also?

Please Log in to join the conversation.

More
2 years 11 months ago #232451 by tpartner
Explore the element with browser developer tools (F12). Probably a box-shadow style.

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: Jmantysalo

Please Log in to join the conversation.

More
2 years 11 months ago #232452 by Jmantysalo
True. .slider-selection { ... box-shadow: none; } works.

I wouldn't figure that out without you hint about the shadow. Thanks!

Please Log in to join the conversation.

More
2 years 11 months ago #232697 by Jmantysalo
More of sliders: How can I remove the little triangle above the mark? Saying

.no-tooltip .withslider .tooltip-inner { display: none; }

removes the number, but not the triangle.

Please Log in to join the conversation.

More
2 years 11 months ago #232700 by tpartner
Try this instead:

Code:
.no-tooltip .withslider .tooltip { 
  display: none !important; 
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

Please Log in to join the conversation.

More
2 years 11 months ago #232704 by Jmantysalo
Thanks. This works, and maybe should be added to the list of tricks and hacks.

Please Log in to join the conversation.

More
2 years 11 months ago #232735 by holch

Thanks. This works, and maybe should be added to the list of tricks and hacks.


The manual is a wiki. Anyone can contribute... ;-)

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 following user(s) said Thank You: Jmantysalo

Please Log in to join the conversation.

Moderators: tpartnerholch

Lime-years ahead

Online-surveys for every purse and purpose