How to change jQuery UI range slider width

https://stackoverflow.com/questions/64670140/how-to-change-jquery-ui-range-slider-width

by joshmoto

HTML

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<p>
  <label for="amount">Distance</label>
  <input type="text" id="amount">
</p>

<!-- Range slider 1 -->
<div id="slide"></div>

<p>
  <label for="amount2">Distance</label>
  <input type="text" id="amount2">
</p>

<!-- Range slider 2 -->
<div id="slide2"></div>

JavaScript

$(function() {

  $("#slide").slider({
    range: 'min',
    min: 0,
    max: 5000,
    value: 0
  });

  $("#slide2").slider({
    range: 'min',
    min: 0,
    max: 5000,
    value: 0
  });

});