How can I find the ID of a Text Field?

  • Profile Image
    Asked on February 20, 2018 at 01:01 AM

    I want to reposition a text field using CSS codes (to line it up with other fields), but I can't see how to find out its name/ID so I can do that.

    The field is 'There are too many people for your accommodation'.


  • Profile Image
    Answered on February 20, 2018 at 05:31 AM

    Each field/widget on your form sits on its own respective line. And these lines have their respective IDs too in the markdown.

    For the text field, it's this line:

    The ID of the form-line is id_68 and the ID of the text field itself within that form-line is text_68.

    Finding IDs and classes can be done using the browser console. The steps may vary between browsers. Have a look at these videos for future reference (for Chrome | for Firefox).

  • Profile Image
    Answered on February 20, 2018 at 05:34 AM

    Looks like our forum has stripped off the links pointing to YouTube. Use this page instead as a general guide on how this can be done.