File Upload Field CSS Selectors

Single File Upload

Container

example: file upload container (div) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload {border: 1px solid red;}

example: file upload container (div) – applies just to form ID #1

body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_fileupload {border: 1px solid red;}

example: file upload container (div) – applies just to specific container (based on the unique parent element ID – replace “XX_X” with your actual element ID)

body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_fileupload {border: 1px solid red;}

Input

example: file upload input (input) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload input {color: red;}

example: file upload input (input) – applies just to form ID #1

body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_fileupload input {color: red;}

example: file upload input (input) – applies just to specific container (based on the unique parent element ID – replace “XX_X” with your actual element ID)

body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_fileupload input {color: red;}

Multi-File Upload

Container

example: multi-file upload container (div) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload {border: 1px solid red;}

example: multi-file upload container (div) – applies just to form ID #1

body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_fileupload {border: 1px solid red;}

example: multi-file upload container (div) – applies just to specific container (based on the unique parent element ID – replace “XX_X” with your actual element ID)

body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_fileupload {border: 1px solid red;}

Upload Instruction Text

example: file upload container (span) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_instructions {color: red;}

example: file upload container (span) – applies just to form ID #1

body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_drop_instructions {color: red;}

example: file upload container (span) – applies just to specific container (based on the unique parent element ID – replace “XX_X” with your actual element ID)

body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_fileupload .gform_drop_instructions {color: red;}

Validation Message

example: file upload validation message (div) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .validation_message {color: red;}

example: file upload validation message (div) – applies just to form ID #1

body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_fileupload .validation_message {color: red;}

example: file upload validation message (div) – applies just to specific container (based on the unique parent element ID – replace “XX_X” with your actual element ID)

body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_fileupload .validation_message {color: red;}

File Selection Button

example: file selection button (input) – applies to all forms

body .gform_wrapper .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files {color: red;}

example: file selection button (input) – applies just to form ID #1

body .gform_wrapper_1 .gform_body .gform_fields .gfield .ginput_container_fileupload .gform_button_select_files {color: red;}

example: file selection button (input) – applies just to specific container (based on the unique parent element ID – replace “XX_X” with your actual element ID)

body .gform_wrapper_1 .gform_body .gform_fields #field_XX_X.gfield .ginput_container_fileupload .gform_button_select_files {color: red;}