How do I add an email icon to my website footer?

Store Design
, , ,
1

Hey i was wondering how add the email icon in the footer?

https://mo-and-co-candles.myshopify.com/

pass: thayle

Screenshot 2023-03-13 at 4.29.23 AM.png
Screenshot 2023-03-13 at 4.29.23 AM.png2765×861 145 KB

2

Hi there, @Chantelrudden . Thanks for connecting with us today. It’s nice to meet you!

I’m happy to assist you with your request! I do need one piece of information before we can dive in more deeply here. Can you let me know what theme you’re using?

Please, get back to me when you can with that information. I’ll keep an eye out for your reply.

3

I’m using the crave theme

4

Hello @Chantelrudden ,

It’s the GemPages Support Team and we are glad to assist you today!

Could you please share the exact position in which you want to add the email icon? Then I can see and suggest something for you.

Best regards,
GemPages Support Team

5

Hi @Chantelrudden

We checked your theme and found that this theme has a customized footer, not the original Crave theme. So we don’t know the current theme structure in the liquid file, but you can try the following steps.

  1. Open Edit code at Online store > Themes > Edit code
![view (41).png|1417x878](upload://kQtnW0nvxl41nYWc6JNDCIC1YSe.png)
  1. Find the file “footer.liquid” and open it
  • In this file, please CTRL + F and search for the following text “list-social__item”. Then, you add the following code inside this tag:

Instagram

This code is to render the email icon, replace the “href” attribute of the newly added tag with your email address.

  1. Find and open the file “component-list-social.css”. Then, you paste the following code at the end of the file.
.list-social__link {
   padding: 1.3rem 0.3rem !important;
}
  • Here is the result:

view (42).png

  • If the code doesn’t work properly, you can find the file “footer.liquid”. In this file, please CTRL + F and search for the text “list-social__item”. Then, you capture this code so we can fix it properly for you.
6

i cant find list-social__item within footer.liquid

:disappointed_face:

7

right beside the instagram logo in the footer

8

Hi @Chantelrudden

It seems that you customized the theme before, so it’s difficult for us to find the right place to render the email icon. We checked and couldn’t see the liquid file of your theme.

We suggest you find a Shopify expert to help you handle it. We hope that you can understand. Thanks!