Hi everyone, I’ve integrated UploadCare fine, I’m just struggling implementing this CSS for the button.
I copied this from their site here: https://uploadcare.com/tutorials/widget_customization/
The CSS is:
<style>
#uploader-styling {
margin-top: 10px;
}
#uploader-styling .uploadcare--panel,
#uploader-styling .uploadcare--menu__item,
#uploader-styling .uploadcare--menu__items {
background-color: transparent;
border: 0;
}
#uploader-styling .uploadcare--panel {
flex-direction: column;
}
#uploader-styling .uploadcare--menu {
width: 100%;
height: 60px;
min-height: 60px;
}
#uploader-styling .uploadcare--menu__items {
padding-right: 0;
flex-direction: row;
}
.uploadcare--tab_name_favorites {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
overflow: auto;
}
.favorite-files-image {
width: 140px;
height: 140px;
margin: 10px;
padding: 5px;
color: rgba(0,0,0,.4);
box-shadow: 0 6px 20px -3px;
cursor: pointer;
}
.favorite-files-image:hover {
color: rgba(0,100,200,.5);
}
</style>
The CSS is in the head section of the custom code tab in project settings.
The way I integrated UploadCare was with a text input with custom attributes. The text input is a called:
contentUp
How do I get this CSS to work?? I know I have to somehow inject the text input name “contentUp
” into the CSS I copied from their site, I just don’t know how to do that.
If anyone can help me here that would be super awesome. Thanks.
https://preview.webflow.com/preview/uploadcarehelp?preview=4693ad024bdb241942b22d2049d6eef5