Title: VARIABLE CSS CLASS FOR SLIDER
Last modified: January 19, 2021

---

# VARIABLE CSS CLASS FOR SLIDER

 *  Resolved [Graicifyd](https://wordpress.org/support/users/graicifyd/)
 * (@graicifyd)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/variable-css-class-for-slider/)
 * Hello,
 * I am trying to create a slider whose color changes based on the number that is
   inputted. So something like:
 * if the slider is between 1 and 10, class=”a”
    if the slider is between 11 and
   20, class=”b” and so on.
 * I want to be able to define various CSS classes at different points.
 * So I added a **css layout keyword**, ‘test’ to the slider.
 * Then I added this code to a calculated field
 *     ```
       (function(){
       if(fieldname13<=10) test.className = "a";
       if(fieldname13>10) test.className = "b";
       })()
       ```
   
 * but I guess it’s supposed to be a script in an HTML field?
 * Please kindly advise me on how I can achieve this.
 * Thank you for your support.
    -  This topic was modified 5 years, 5 months ago by [Graicifyd](https://wordpress.org/support/users/graicifyd/).
    -  This topic was modified 5 years, 5 months ago by [Graicifyd](https://wordpress.org/support/users/graicifyd/).
    -  This topic was modified 5 years, 5 months ago by [Graicifyd](https://wordpress.org/support/users/graicifyd/).

Viewing 1 replies (of 1 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [5 years, 5 months ago](https://wordpress.org/support/topic/variable-css-class-for-slider/#post-13926538)
 * Hello [@graicifyd](https://wordpress.org/support/users/graicifyd/)
 * For a custom coding service, please, contact me directly through my private website:
   [Custom Coding Service](https://cff.dwbooster.com/customization).
 * Best regards.

Viewing 1 replies (of 1 total)

The topic ‘VARIABLE CSS CLASS FOR SLIDER’ is closed to new replies.

 * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377)
 * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/)
 * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [codepeople](https://wordpress.org/support/users/codepeople/)
 * Last activity: [5 years, 5 months ago](https://wordpress.org/support/topic/variable-css-class-for-slider/#post-13926538)
 * Status: resolved