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

  • Jmantysalo
  • Jmantysalo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
2 years 3 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.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 3 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.

  • Jmantysalo
  • Jmantysalo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
2 years 3 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.

  • Jmantysalo
  • Jmantysalo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
2 years 3 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.

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 3 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.

  • Jmantysalo
  • Jmantysalo's Avatar Topic Author
  • Offline
  • Platinum Member
  • Platinum Member
More
2 years 3 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.

  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
2 years 3 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