If I want to custom one field, how can I find the CSS selector?

  • HussainAlbarakaty
    Asked on October 4, 2018 at 3:25 PM

    If I want to custom one field, how can I find the selector ?

  • Mike
    Replied on October 4, 2018 at 6:03 PM

    1) You may use our Advanced Designer to locate the CSS selectors.

    To access the Advanced designer:

    - Click on the Form Designer icon.

    If I want to custom one field, how can I find the CSS selector? Image 1 Screenshot 30

    - Then click on the Advanced Designer button.

    If I want to custom one field, how can I find the CSS selector? Image 2 Screenshot 41

    2) It is also possible to check the element ID/class using browser DevTools (e.g. Chrome DevTools). Right mouse click on the element and select the 'Inspect' from the context menu.

    gn64r Screenshot 52

    For example, if the element ID is input_3 the CSS selector is #input_3.

    3) Unique field names and IDs can be also checked through the field properties, see:

    How to Find Field IDs and Names