Help! I need links to display as background images inside of CMS collections

Design help Custom code
1

Hi there, I am building a site that allows users to submit property information and upload images via a webflow form. I connected the form to Zapier to create a live CMS item on my site. I embedded the following code:

        <style>
.nia { 
position:static;
    height: 20vh;
    width: 100%;
    overflow:hidden;
    border-radius: 10px 10px 0px 0px;
}
</style>

    <div class="yonce">
    <img class="nia" src="{{wf {&quot;path&quot;:&quot;imagelink&quot;,&quot;type&quot;:&quot;Link&quot;\} }}"/>
    </div>

The images show up in my browser:

image
image2866×1504 704 KB

However, when viewing the site from an incognito window the images show up broken:

image
image2880×1796 597 KB

What can I do to fix this? Here’s the link to my site: Webflow - dwello

Thank you

2

If you will look inside your CMS Properties collection, the image fields are blank… I don’t think you can call it via link in the field… what I have done is create a csv with a link inside an image field and then upload the csv with all the fields and relevant links in the image field - webflow will then import the images into the imagefields…

3

Those assets are throwing a HTML 401 Error. Not Authorized. Which is why they won’t load. Files uploaded via a Webflow form are not public resources, nor should they be.