Skip to content

Instantly share code, notes, and snippets.

@tdrayson
Last active March 30, 2024 13:00
Show Gist options
  • Save tdrayson/a72d1dcb833163551f546a37542bbf9a to your computer and use it in GitHub Desktop.
Save tdrayson/a72d1dcb833163551f546a37542bbf9a to your computer and use it in GitHub Desktop.
Fluent Form Custom Dropzone Styling (File / Image Upload field)
/*
Add class 'dropzone' to the upload fields that you would like to have this styling
*/
.fluentform .dropzone .ff_upload_btn.ff-btn {
color: #646c7f;
padding: 3rem;
width: 100%;
border: 2px dashed #0087f7;
border-radius: 5px;
background: rgba(223, 240, 255, 0.13);
transition: all ease 0.2s;
}
.fluentform .dropzone .ff_upload_btn.ff-btn:hover {
background: rgba(223, 240, 255, 0.49);
}
.fluentform .dropzone .ff-upload-preview {
border: none !important;
}
.fluentform .dropzone .ff-uploaded-list {
margin-top: 2rem !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment