Jump to content

Envelope Contact Social Icon showing as an Emoji ✉️

Go to solution Solved by tuanphan,

Recommended Posts

If you use these emoji, it won't show fine on all devices/browsers, you can consider using FontAwesome to add email icon (If you want this, let me know, I can check & give the code)

https://fontawesome.com/icons/envelope?f=classic&s=solid

https://fontawesome.com/search?q=phone&o=r&m=free

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

I made the envelope the gold colour I like on the FA website.

Here is the HTML code it generated:

<i class="fa-solid fa-envelope" style="color: #dcb05d;"></i>

But what do I do with this and how do I tell the site to replace my icon with this?

 

And here for the phone:

<i class="fa-solid fa-phone" style="color: #dcb05d;"></i>

 

Link to comment
  • Solution

Replace with Code Block, then use this code to add text + icon

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<i class="fa-solid fa-envelope" style="color: #dcb05d;"></i><a href="mailto:sales@lamaralighting.com">sales@lamaralighting.com</a>

When you added this for email, with phone, just use this code in Code Block

<i class="fa-solid fa-phone" style="color: #dcb05d;"></i><a href="tel:+44 7411 015 212">+44 7411 015 212</a>

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.