Add div to labels for styling (part of labels)


I have a questionaire, where questions are numbered. So the labels are:

  1. What is your name?
  2. What is your favorite color?
  3. etc…

I’d like to style the numbers preceeding the question, but I cannot figure out how to add an extra div to the label that contains the number, so that I can style the number (and only the number) with a class.

See the image for an example…

Screenshot (3)

Any ideas?

You could do this with CSS and the pseudo element ::before:

This would be done outside the form builder, in the theme customizer or your child theme stylesheet. If you share a link, we can help you with the CSS.