How can I customize my social media icons to look like this?

[Achraf11]

Hello, please i want my social media icons looks exactly like this example in the picture below with “FOLLOW US” title

Thanks in advance

[GemPages]

Hello @Achraf11 ,

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

[BSS-Commerce]

Hi @Achraf11

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[Achraf11]

This is my store https://onefaa.com/

[Achraf11]

This is my store https://onefaa.com/

[GemPages]

Hello @Achraf11 ,

You can follow these steps:

1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

[Achraf11]

Nothing change, please help

[BSS-Commerce]

Hi @Achraf11

Please follow these steps:

• Step 1: At Shopify Admin, select Online Store → Themes → Edit Code

• Step 2: Find and open the file social-icons.liquid


• Step 3: Replace the entire code in the social-icons.liquid file with the code below:

  
Follow Us

  
    {%- if settings.social_facebook_link != blank -%}
      - {%- render 'icon-facebook' -%}
            {{ 'general.social.links.facebook' | t }}
        
      

    {%- endif -%}
    {%- if settings.social_instagram_link != blank -%}
      - {%- render 'icon-instagram' -%}
            {{ 'general.social.links.instagram' | t }}
        
      

    {%- endif -%}
    {%- if settings.social_youtube_link != blank -%}
      - {%- render 'icon-youtube' -%}
            {{ 'general.social.links.youtube' | t }}
        
      

    {%- endif -%}
    {%- if settings.social_tiktok_link != blank -%}
      - {%- render 'icon-tiktok' -%}
            {{ 'general.social.links.tiktok' | t }}
        
      

    {%- endif -%}
    {%- if settings.social_twitter_link != blank -%}
      - {%- render 'icon-twitter' -%}
            {{ 'general.social.links.twitter' | t }}
        
      

    {%- endif -%}
    {%- if settings.social_pinterest_link != blank -%}
      - {%- render 'icon-pinterest' -%}
            {{ 'general.social.links.pinterest' | t }}
        
      

    {%- endif -%}
    {%- if settings.social_snapchat_link != blank -%}
      - {%- render 'icon-snapchat' -%}
            {{ 'general.social.links.snapchat' | t }}
        
      

    {%- endif -%}
    {%- if settings.social_tumblr_link != blank -%}
      - {%- render 'icon-tumblr' -%}
            {{ 'general.social.links.tumblr' | t }}
        
      

    {%- endif -%}
    {%- if settings.social_vimeo_link != blank -%}
      - {%- render 'icon-vimeo' -%}
            {{ 'general.social.links.vimeo' | t }}
        
      
    {%- endif -%}
  

• Step 4: Save your code.

We hope that this can help you.

[Achraf11]

Nothing change ; please i need more help