Jump to content

Making font icon links clickable

Recommended Posts

Hi everyone

I'm having some trouble creating some code that makes awesome icon to link to a URL. I would also like to have the icon to be black.

Here's the code I've come up with but when I click the icon it goes nowhere.

<i class="fa-brands fa-fw fa-instagram fa-2x" href="https://www.instagram.com/rejoovrunners/"></i>
<i class="fa-brands fa-fw fa-facebook fa-2x" href="https://www.facebook.com/RunWithUsOnline"></i>
<i class="fa-brands fa-fw fa-safari fa-2x" href="https://rejoovrunners.com.au"></i>

thanks

Ed ๐Ÿ™‚

Link to comment
2 hours ago, edrobertson said:

Hi everyone

I'm having some trouble creating some code that makes awesome icon to link to a URL. I would also like to have the icon to be black.

Here's the code I've come up with but when I click the icon it goes nowhere.

<i class="fa-brands fa-fw fa-instagram fa-2x" href="https://www.instagram.com/rejoovrunners/"></i>
<i class="fa-brands fa-fw fa-facebook fa-2x" href="https://www.facebook.com/RunWithUsOnline"></i>
<i class="fa-brands fa-fw fa-safari fa-2x" href="https://rejoovrunners.com.au"></i>

thanks

Ed ๐Ÿ™‚

ย 

Add this code

<a href="https://www.instagram.com/rejoovrunners/"><i class="fa-brands fa-fw fa-instagram fa-2x"></i></a>
<a href="https://www.facebook.com/RunWithUsOnline"><i class="fa-brands fa-fw fa-facebook fa-2x"></i></a>
<a href="https://rejoovrunners.com.au"><i class="fa-brands fa-fw fa-safari fa-2x"></i></a>

ย 

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

โ˜•Amย I helpful? Want to offer me a coffee?
โœ‰ Send me a messageย if needed any help. I'll try to reply as soon as possible.


ย 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

ร—
ร—
  • Create New...

Squarespace Webinars

Free online sessions where youโ€™ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.