Add Phone icon before number/text in footer text box

Site URL: https://iris-owl-rwdf.squarespace.com/config/

https://iris-owl-rwdf.squarespace.com/config/

pw: view

We are in the finishing stages of our site and I just want to tweek a few things.

How do I add a phone icon before the number? I've tried adding image blocks and the formatting of something so small is almost impossible so i am just after some css code.

Thank you

It looks like you solved with a symbol icon? ☎ 0468 868 067

I found an icon but i would like it black...is there anyway to do this?

On 3/29/2022 at 2:56 PM, Kath_HampersFor said:

I found an icon but i would like it black...is there anyway to do this?

 

Change it to Markdown Block and use this syntax

<span style="color:#f1f;">☎</span> 0468 868 067

Thanks ...but the syntax didn't work.

It's ok, i fixed it myself (fingers crossed) using a different text based icon.

Hi @tuanphan, can I please check how to change the font of the phone number typed behind the icon? The code I am using atm is :

<i class="fa-solid fa-phone fa-xs" style="color: #cea666;"></i> +44 207 316 3046

Thank you!!

On 8/4/2023 at 12:24 AM, AliceBednarova said:

Hi @tuanphan, can I please check how to change the font of the phone number typed behind the icon? The code I am using atm is :

 

<i class="fa-solid fa-phone fa-xs" style="color: #cea666;"></i> +44 207 316 3046

Thank you!!

Can you share link to page? If you can't share url, wrap code in this

<span style="color:#f1f !important;font-family: monospace;font-size: 30px;"><i class="fa-solid fa-phone fa-xs" style="color: #cea666;"></i> +44 207 316 3046</span>