How to add phone number clickable on footer DEBUT THEME ?

[Nico38]

Hello all !

i need to add my phone number + icons clickable on footer ( above social link)

i added :

<li class="phone" style="font-size:size:26px;">
    <img src="https://cdn.shopify.com/s/files/1/0128/8385/3402/files/icons8-telephone-raccroche-100.png?v=1614017906"
         
         style=width:30px;height:30px;">
    <a href="tel:appelez-nous: 04-57-20-01-01">04-57-20-01-01 </a></li> 

  but no icon and i think has an error !

thx you for help !

[SagarSukhanandi]

Hello @Nico38, 

Could you please share your store URL to check?

[Nico38]

hello @SagarSukhanandi !

yes, of course.

https://www.street-style.fr/

Password : Nico38nico

[SagarSukhanandi · Accepted solution]

Hello @Nico38 ,

Replace your code with below

<li class="phone" style="font-size:size:26px;text-align:center">
    <img src="https://cdn.shopify.com/s/files/1/0128/8385/3402/files/icons8-telephone-raccroche-100.png?v=1614017906" style="width:30px;height:30px;background: #fff;">
    <a href="tel:appelez-nous: 04-57-20-01-01">04-57-20-01-01 </a>
</li> 

I have added background color white to image because phone icon is black. May be you just need to replace phone icon and everything will look good 

[Nico38]

@SagarSukhanandi 

ah yes i'm an idiot i thought the logo had a white background !

thx !

[Nico38]

@SagarSukhanandi 

the icon is pixelated I think, is there another way to have a good icon like the social icons? with svg maybe?

[SagarSukhanandi · Accepted solution]

@Nico38 

Download phone icon from below link and use it into code. This icon will not pixelate.

https://img.icons8.com/android/24/ffffff/phone.png

[SagarSukhanandi]

@Nico38 Add this style to img tag so phone number and phone icon will vertically align center

vertical-align: middle;

[Nico38]

@SagarSukhanandi  Nice ! it work thank you !

[SagarSukhanandi]

Thank you @Nico38 

Could you please give likes to my messages? It will help me to build my profile