Streaming live at 10am (PST)

UploadCare Custom CSS Help


#1

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

http://uploadcarehelp.webflow.io/


#2

Hi. It is impossible to know the problem without link (html or webflow share).
Second MD your code with </> icon - its hard to read the Q like this:

Try this (for styles):

Check JS errors:

Maybe you forgot to add id wrapper #:
image


#3

Welcome to the Webflow forum!

Could you please edit Screenshot_2017-08-16_140811 and provide ALL the necessary details in your post so we can take a look at your site/issue?

In future if you want faster replies and more accurate answers, I suggest including all the details listed in the link above before someone has to ask.

Hope to hear from you soon. Thanks!


#4

https://preview.webflow.com/preview/uploadcarehelp?preview=4693ad024bdb241942b22d2049d6eef5


#5

Hey Sam, I just added the preview link and the webflow hosted domain to the post, thanks for your help and paitence