Need to change social media icons

Lis_Salazar
New Member
4 0 0

I want to change the social network icons in the Atlantic Theme but I can't because the code contains numbers instead of images

Replies 5 (5)
Hugh_Luong
Shopify Staff
282 0 56

Hi Liz,

Hugh here from Shopify. If you find icons you would rather us, you can upload those images to Settings > Files, then change the code to have them appear. After you upload the images in Files:

  • Visit your Online Store > Themes in Admin
  • Click the [...] button for your theme, and choose Edit HTML/CSS
  • Search for the social-icons.liquid file, under Snippets
  • Each icon will have a line of code, and you will need to replace this section on needed lines. (Between the {} brackets)
  • You will replace it with this code:
  • <img src="URL_FROM_FILES_SECTION_HERE">

     

If needed the size of the images can be changed by adding code that looks like this instead: 

<img src="URL_FROM_FILES_SECTION_HERE" style="width:20px">

The 20px can be changed as needed. I hope that helps!

Hugh

Hugh | Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Lis_Salazar
New Member
4 0 0

Thank u very much! :)

Ash_Devitise
New Member
8 0 0

Hi Hugh,

I am having a similar issue. I am using the Debut theme. There is no social-icons.liquid file in my snippets. How do I add custom logos? Or at least change their colour from black?

Demian_Osto
New Member
9 0 0

Hi Ash_Devitise!

The easiest way is to install some side plugin with icons, because all the customization is done in the plugin itself. For example, this one, https://apps.shopify.com/social-media-icons-app inside the plugin, there’s admin panel with the settings that you need.

I hope it will help you!)

Gago
New Member
7 0 0

Any instruction on this issue? I'm using Debut theme too, and there is no option to change the social icon. I don't use snapchat but am using tiktok. How can I change the icon to tiktok? Thanks