Whats the custom CSS code to add to the bottom of theme editor when i want to make image a link

1 0 0

Im using image with textoverlay for a basic theme....


simply enough i need to add css code to the bottom section where it says add custom css to make this image a link....none of the normal option allow a link...just padding.


i added


<a href="LINK TO WHERE YOU WANT IMAGE TO GO WHEN CLICKED"> <img src="PICTURE LINK" alt="PICTURE NAME" style="width: NUMBER px; height: NUMBER px;"> </a>


that gave red text and error code

also added this and it was all red


<img src="PICTURE LINK" alt="PICTURE NAME" style="width: NUMBERpx; height: NUMBERpx;">

Reply 1 (1)

Shopify Partner
652 81 95

Hi @Icemancometh ,
This is Theodore from PageFly - Shopify Page Builder App.

You can follow me:



<a href="https://community.shopify.com/c/technical-q-a/whats-the-custom-css-code-to-add-to-the-bottom-of-theme-editor/td-p/2503094">
    <img src="https://media.istockphoto.com/id/1409329028/vector/no-picture-available-placeholder-thumbnail-icon-illustration-design.jpg?s=612x612&w=0&k=20&c=_zOuJu755g2eEUioiOUdz_mHKJQJn-tDgIAhQzyeKUQ=" alt="IMAGE DESCRIPTION" style="width: 200px; height: 150px;">



Best regards,
Theodore | PageFly


Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.