change the size of the Instagram icon

Store Design
,
1

Hi I want to change the size of the Instagram icon (double the size). I am using the Theme Sense.

Here is the url: supergardenfood.com

Thank you!

2

@artworx please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.list-social__item .svg-wrapper{width: 32px;  height: 32px;}

.list-social__item svg.icon.icon-instagram{height: 4.2rem; width: 4.2rem;}
3

Hi @artworx ,

Thanks for reaching out!

To increase the size of your Instagram icon, you can add a small piece of CSS to your theme. Here’s how you can do it:

  1. Log in to your Shopify admin

  2. Go to Online Store → Themes

  3. Click Actions → Edit code on your current theme

  4. In the left sidebar, open the Assets folder and click on base.css, theme.css, or style.css (whichever you see)

  5. Scroll to the bottom of the file and paste this code:

.svg-wrapper { width: 40px; height: 40px; } .icon.icon-instagram { width: 4.4rem !important; height: 4.4rem !important; }
  • Click Save in the top right corner

Once saved, your Instagram icon will appear larger on your store.

Let me know if you’d like help making any other tweaks — happy to assist!

Best,

Shubham | Untechnickle

4

Thank you so much! It works :slightly_smiling_face:

5

@artworx welcome, please accept it as a solution.

6

Hi @artworx

After checking the Instagram icon you mentioned on the store, I have customized a CSS code for you specifically to make it double size.

.svg-wrapper {
width: 80px !important;
}

Please add it at the bottom of theme.liquid with and surrounded, like this pattern:

You can double-check by adding it and let me know if it works. Thank you!