Getting a Fields ID via the Inspector

This article explains how to use the Inspector in Chrome, to find the ID of a specific form element and the ID of its container. This can be useful when creating Custom CSS rules to apply to your form.  

Opening the Inspector:

1. Open your Form in a new window in Google Chrome
2. Press F12 on your keyboard to open the inspector
3. Within the inspector click the Elements tab and then click the Inspect Icon as shown here:
   
4. After clicking the Inspect Icon, click on any field on your form in the open browser window. This will select the DOM Element in the Inspector as shown below
   

Getting a Form Elements ID

The Field ID is typically a string value formatted like "field_1532794672598_3" and is, in most cases, assigned to an INPUT element. You can see an example above,

Getting a Form Elements Wrapper/Container ID

The fields outer container (the wrapper around the field and its label), is the Field ID ending in "field_div". For example, the field ID in the example above is "field_1532794672598_3" and the wrapper ID is "field_1532794672598_3fielddiv".