How to add phone number clickable on footer DEBUT THEME ?

Solved
Nico38
Explorer
74 4 38

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 !

0 Likes
SagarSukhanandi
Tourist
109 17 32

Hello @Nico38

Could you please share your store URL to check?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
Nico38
Explorer
74 4 38

hello @SagarSukhanandi !

yes, of course.

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

Password : Nico38nico

0 Likes
SagarSukhanandi
Tourist
109 17 32

This is an 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 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
Nico38
Explorer
74 4 38

@SagarSukhanandi 

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

thx !

 

0 Likes
Nico38
Explorer
74 4 38

@SagarSukhanandi 

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

 

0 Likes
SagarSukhanandi
Tourist
109 17 32

This is an 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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
SagarSukhanandi
Tourist
109 17 32

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

vertical-align: middle;
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
Nico38
Explorer
74 4 38

@SagarSukhanandi  Nice ! it work thank you !

0 Likes
SagarSukhanandi
Tourist
109 17 32

Thank you @Nico38 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help