Streaming live at 10am (PST)

How to make an image a link?

I want to make images (svg’s) link. I.e. social media svg link to the social media like the ones on the bottom of this page.
https://dolittle.webflow.io/
https://preview.webflow.com/preview/dolittle?utm_medium=preview_link&utm_source=dashboard&utm_content=dolittle&preview=2c4624a3667ccd7a3d6c0dc90c3d04cf&mode=preview

Text I know I can make links, but images like svg’s, I doesn’t see that option anywhere.

Please let me know how I can make images links.

Thanks!
Cip


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Anything you put inside a Link Block becomes the linking mechanism.

image
image

Hi Cip,

You can achieve this by using a Link Block function which is the easiest method.

Set the background image to the svg, set size constraints and then set the link in the settings tab.

Alternatively, you could look at installing Font Awesome into your site and using icons. This would be my recommended route to achieve your end result as it will provide less impact on load times.

Font Awesome will allow you to select icons (including top brand logos) from a cheat sheet, paste it into a text link field, and customise it as if were text, including font size, colours effects etc.

I would recommend trying to find an install tutorial online, sadly I do not have one to hand.

Start here.

Thank you @TheCat! This is huge!

Thanks Grant! This a giant leap for mankind!!!