title: ionic 4 how to place ion-range pin at the bottom of the range
body: <p>i want to place the ionic range pin at the bottom of the knobs and make it always visible how can i do this in ionic 4 , i know how to do it in ionic 3 but it does not seems to work in ionic 4 and probably this is caused by the shadow DOM</p>
  
  <p>i cant access 
      .range-md .range-pin 
  since it is in the shadow dom and also
      .range-md .range-knob-handle .range-pin 
  cant be accessed</p>
  
  <pre><code>.range-md .range-knob-handle .range-pin {
   transform: translate3d(0, 0, 0) scale(1); }
  
  .range-md:not(.range-has-pin) .range-knob-handle .range-knob {
   transform: scale(1); }
  
  .range-ios .range-knob-handle .range-pin {
   transform: translate3d(0, 0, 0) scale(1); }
  </code></pre>
  
  <p>how can i place them at the bottom in ionic 4 ?</p>