Adding text to icons

Technical Q&A
1

how do i add the text: “Followers” in front of the instagram icon in the footer?

2

@touchoflstore can you please share your website link?

3

Hello @touchoflstore To add the text “Followers” before the Instagram icon in your Shopify theme footer, follow these steps based on your theme’s structure (I’ll guide using the typical structure of themes like Dawn or Symmetry, but the method is adaptable):

Option 1: Edit Footer Liquid Code

  1. Go to your Shopify Admin → Online Store → Themes.

  2. Click “…” beside your live theme → Edit code.

  3. In the left sidebar, search for:

footer.liquid

or

csharp…

footer-group.liquid

(this varies by theme—look for the file where social media icons are included).

  1. Locate the Instagram icon block. It often looks like:
{% if settings.social_instagram_link != blank %}
  - 

{% endif %}
  1. Modify the code like this to include your text:
{% if settings.social_instagram_link != blank %}
  - Followers
      
    
  

{% endif %}

Alternatively, for better styling:


  Followers
  {%- render 'icon-instagram' -%}

Option 2: CSS Styling (Optional Enhancement)
To make the “Followers” text match your design, you may want to add custom CSS.

  1. In theme.liquid or base.css (or component-footer.css, depending on your theme), add:
.footer__social-link .social-label {
  margin-right: 6px;
  font-size: 14px;
  font-weight: 500;
}

Pro Tip:
If your theme renders icons using a snippet like social-icons.liquid or icon-instagram.liquid, you may need to update that snippet too.

Thank you :blush:

4

hi @touchoflstore

please share me the store link then I will you the solution