How do I format slider with calculated result? (add colors, fonts size, etc?

  • vintagemarketing
    Asked on May 17, 2016 at 3:09 PM

    Created form at http://www.cornerstonesinusrelief.com/snot-survey.html using Jotform.

     

    Would like add color and make larger the line that totals the score "Your SNOT score is:0"

    Need that line to stand our from the rest so people can easily see it.

  • BJoanna
    Replied on May 17, 2016 at 4:52 PM

    Do you want to achieve something like this.

    How do I format slider with calculated result? (add colors, fonts size, etc? Image 1 Screenshot 30

    You can achieve this by adding CSS code to your Sliders with calculated result widget Custom CSS field. Add this CSS code:

    td#result {

        font-size: 30px;

        font-weight: bold;

        color: red;

    }

    After you add this CSS code update your widget and save your form.

    How do I format slider with calculated result? (add colors, fonts size, etc? Image 2 Screenshot 41

    Here is my demo form: https://form.jotform.com/61376637419969 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.