change the size of the Instagram icon

[artworx]

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!

[suyash1]

@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;}

[artworx]

Thank you so much! It works 🙂

[suyash1]

@artworx  welcome, please accept it as a solution.

[TheUntechnickle]

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

[SEOAnt-Jeffery]

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 <style> and </style> surrounded, like this pattern:

<style>
.svg-wrapper {
width: 80px !important;
}
</style>

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