With Range Field for Elementor Pro Form, you can allow the users to set the number value with an interactive slider. For this range, you can set the minimum and maximum values. You can set the step which is essentially the gap. The less step the more smooth your slider will be.

You can also customize the value set by the slider, by setting a prefix and suffix text.

You can customize the styling of Range Slider by navigating to the Style > Range

Here you can customize:

  • Range: Height of the Slider, Opacity of Range Slider, Background Color of Slider, and Border-Radius:

  • Slider: Color of Slider pointer, and border-radius of the slider pointer

  • Value: Alignment, Color, Typography, and Text-shadow for the Value of the Slider

  • Label: Alignment, Color, Typography, and Text-shadow for the Label of the Range

Did this answer your question?