How to get a thicker slider-track that's still vertically aligned with the slider handle | XM Community
Skip to main content
Question

How to get a thicker slider-track that's still vertically aligned with the slider handle

  • May 10, 2022
  • 1 reply
  • 38 views
R
Forum|alt.badge.img

I've wanted to make the slider-track thicker (not longer) and have used the following JavaScript code to accomplish this:
jQuery(".track").css("height", "30px");
However, the result is that the slider handle is now vertically misaligned with the track. Any idea how to fix this?

vertically misaligned slider handle.png

Abhishek_U

1 reply

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Tom_1842
  • Level 8 ●●●●●●●●
  • May 10, 2022

Hi there, you will want to add some CSS that adjusts the ".handle". The below code was able to display okay for me using the Flat Layout:
jQuery(".track").css("height", "30px");
jQuery("td.BarOuter").css("height", "60px");
jQuery(".handle").css("height", "50px");

Terms & ConditionsAccessibility statement