What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    "Grading Label" remove total label (ex: 1 / 100) using css

    Asked by the2peeps on June 15, 2011 at 01:53 PM


    I am building a form using multiple instances of the "grading" option as shown within the survey tools. I would like to remove the total (eg: 3 / 100 ) on all of the instances of Grading in my form. I can see that I can remove each instance individually

    (example: "div span#grade_point_17" OR "#grade_total_17)

    However, is there a way to remove ALL the grade_point AND grade_total at once? Please advise.


  • Profile Image
    JotForm Support

    Answered by NeilVicente on June 15, 2011 at 03:19 PM


    The div that holds the the two spans with ID="grade_point_17" and ID="grade_total_17" does not have a class or ID attribute, thus there is apply a css attribute to all the elements in the "Total" section is not an easy feat

    I have found a css workaround, but the problem is that it works only on Firefox, Chrome, Safari, Opera and IE 9. Older IE versions up to IE8 ignore this css code: 

    li.form-line div div:nth-last-child(1){

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


    Let me know how this works for you.