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

  • Profile Image
    HussainAlbarakaty
    Asked on October 04, 2018 at 03:25 PM

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



    This is a re-post of a comment on How to Inject Custom CSS Codes

  • Profile Image
    Mike
    Answered on October 04, 2018 at 06: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.

    - Then click on the Advanced Designer button.

    - See the next video to get an idea about the CSS inspector.

    Advanced Designer - CSS Inspector Basics

    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.png

    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