Question auto-numbering alongwith countdown timer

Hi 

I have added a countdown timer after every 10 questions of my 100 questions form 

Objective is to let the user know how much time is left ( because Global countdown timer is on top of form and user will have to repeatedly scroll to check time)

Also, I have inserted auto-question numbering by injecting code in CSS

However, due to this the question number jumps wherever countdown timer appears on the form 

(eg: In screenshot , after q.no 14 , timer appears and then next question is number 16)

Any remedy ?

As per investigation, the CSS code that you have added also includes the countdown timer on the count. So based on your screenshot number 15 is missing. To fix the numbering, please try to inject this custom CSS code in your form instead (replace existing custom CSS code in your form):

.form-all {
   counter-reset : question;
}

.form-line[data-type=control_radio] {

    counter-increment : question;

}

.form-line[data-type=control_radio] .form-label:before {

    content : counter(question) ". ";

}

The above CSS code will only include radio button fields in auto-numbering the fields.

Do let us know if you need further assistance.
Regards.