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

  • Profile Image
    Asked 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
    Answered 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.