Customize scale labels and tick marks

[admin]

Up

0

Down

Hi guys, how can i hide the tick marks on the Slider that don’t have a label ? I want to see only the ticks with labels on the scale. Also i want to change the color of the tick marks. That would be great. Thanks !

[admin]

Up

0

Down

Hi hansT,

• To show only the ticks with labels, please set ticks-visibility="major".
• The color of tick marks can be set using the CSS variable --smart-tick-color, i.e.:

  <style type="text/css">
      smart-slider {
          --smart-tick-color: red;
      }
  </style>

Best regards,
Dimitar
Smart HTML Elements Team
https://www.htmlelements.com

[Author]

Posts