Custom css: How to change color of sliders with calculated result?

  • presenceacademy
    Asked on June 19, 2018 at 2:41 PM

    What CSS code is required to change the the yellow color of the bar/circle but keep the red outline on the slider? Thank you for your time.


    1529433639Screenshot 2018 06 19 11 Screenshot 10

    Jotform Thread 1503428 Screenshot
  • Victoria_K
    Replied on June 19, 2018 at 3:38 PM

    Hello,

    Please use the following css code:

    #slidersContainer > table > tbody > tr:nth-child(1) > td.slider_.slider_row_electric_crimson > div > div.slider-background > div > div > div > div > div {

      border: 1px solid gray;

      background: gray;

    }

    #slidersContainer > table > tbody > tr:nth-child(1) > td.slider_.slider_row_electric_crimson > div > div.slider_0.styleL.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {

      background-color: gray;

    }

    It should be injected according to this guide: How-to-Inject-CSS-Codes-to-Widgets

    You may replace the color(in red) for needed. 

    1529436899screenshotn730c Screenshot 10

    Let us know if you need further assistance.

    Thank you.