Why aren't images showing in my custom liquid code?

[ali2787]

I wrote this code in "custom liquid" for my footer... I know its super basic but..
Why aren't these images showing up?

<ul class="page-width" style="list-style-type:none;font-size:12px;">

     <li><img src="https://imgur.com/0HUGPNn" width="20px" style="vertical-align: middle; margin-right:10px;"><a href="IG LINK" style="color:white">Instagram</a></li>

     <li><img src="https://imgur.com/gDWKJHl" width="20px" style="vertical-align: middle; margin-right:10px;"><a href="FACEBOOK LINK" style="color:white">Facebook</a></li>

     <li><img src="https://imgur.com/VqsK3Qi" width="20px" style="vertical-align: middle; margin-right:10px;"><a href="X LINK" style="color:white">Twitter</a></li>

</ul>

[SymmetryMike · Accepted solution]

Hey Ali,

You need to put the image files in the src, those are links to the webpage where the images is displayed! Right click and "copy image address". Additionally you can download the images and upload them onto Shopify and use the CDN links. That will be faster and will load more reliably!

Here this should work.

<ul class="page-width" style="list-style-type:none;font-size:12px;">

     <li><img src="https://i.imgur.com/0HUGPNn.png" width="20px" style="vertical-align: middle; margin-right:10px;"><a href="IG LINK" style="color:white">Instagram</a></li>

     <li><img src="https://i.imgur.com/gDWKJHl.png" width="20px" style="vertical-align: middle; margin-right:10px;"><a href="FACEBOOK LINK" style="color:white">Facebook</a></li>

     <li><img src="https://i.imgur.com/VqsK3Qi.png" width="20px" style="vertical-align: middle; margin-right:10px;"><a href="X LINK" style="color:white">Twitter</a></li>

</ul>

Happy coding!

[ali2787]

 when i pasted your code in - worked.  thanks very much