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

  • Profile Image
    Asked on May 17, 2016 at 03:09 PM

    Created form at 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.

  • Profile Image
    Answered on May 17, 2016 at 04:52 PM

    Do you want to achieve something like this.

    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.

    Here is my demo form: 

    Feel free to clone it.

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