HTML Elements Forums Slider Customize scale labels and tick marks

This topic contains 1 reply, has 2 voices, and was last updated by  Dimitar 2 months, 1 week ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #99428

    hansT
    Participant

    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 !

    #99431

    Dimitar
    Participant

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.