How can I make social media icons bigger?

[KatesShop]

Hi there

I am using the Supply theme and the social media icons/links appear right at the very bottom of the page, underneath the footer, and they are really tiny so will easily be missed.

How do I make these maybe twice the size?  I assume I'll have to change some code?

Thank so much

[KetanKumar]

@amazezones 

thanks for ulr but sorry your store password protect 

[amazezones]

I forgot the pass sorry for that pass: bahshe

[KetanKumar]

@amazezones 

oh sorry for late can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-d.css ->paste below code at the bottom of the file.

.footer__social-media .social-media .icon {
    width: 30px;
    min-width: 30px;
}
.footer__social-media .social-media .icon-social-facebook {
    width: 15px !important;
    min-width: 15px !important;
}

 @KFORREST 

sorry for that issue can you send store url

[KFORREST]

It's not live yet but here it is....

https://creativedesignsbykari.myshopify.com/

[KetanKumar]

@KFORREST 

thanks but your store password protect 

[KFORREST]

It is not live yet. Can I email you?--

Kari Forrest

[KetanKumar]

yes, please 

[KFORREST]

The store is live now but the issue still exists.  Thanks in advance for a solution. 

https://creativedesignsbykari.myshopify.com/

[KFORREST]

I tried this on the Supply theme and it didn't work.  Any new suggestions?

[twista]

Dear Brother, I also tried this but not working. screenshot also attached.

[alexxgrayart]

Hi, 

I just tried to use this solution for the free Shopify theme: Studio.

I ended up accidentally getting rid of the icons altogether!!! 

Is there any way you could help me re-add them!? 😞

Thanks,
Alexx Gray

[KFORREST]

I tried this in the Supply theme and it didn't work either.  Suggestions?

[KetanKumar]

Hello, @KatesShop 

Thanks for the store URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.social-icons li .icon {
font-size: 30px; /* change font size as you like */
}

[JaclynCameron]

@KetanKumar 

do you have one for the Dawn theme?

Thanks!

[twista]

My theme is Taste.

[KetanKumar]

@twista @JaclynCameron @KFORREST 

can you please send store url

[twista]

Yes here is the store url: https://twista.pk/

[KetanKumar]

@twista 

thanks for url can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/component-list-social.css ->paste below code at the bottom of the file.

.footer__list-social .icon {
    width: 36px;
    height: 36px;
}

[twista]

pasted but did not worked. icon size is still same, no option appeared to edit in the theme setting as well.

[KetanKumar]

@twista 

i can see icon size bigger 

@KFORREST 

thanks but i can't see social media icon 

[twista]

oh yes, now i can increase it more, thanks a lot brother. 🙂

[KetanKumar]

@twista 

no rush its my pleasure to help us 

[KFORREST]

I had commented it out because it was too small.  Could you provide the file name and code/required code location for the Supply theme and I'll implement.  Thanks.

[KetanKumar]

@KFORREST 

can you enable social icon at footer  

[KFORREST]

Done.  

[KetanKumar]

@KFORREST 

thanks for update can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-footer .social-icons li .icon {
    font-size: 30px;
    line-height: 30px;
}

[Allyssa22]

Good day Ketan

Please can you assist me with making my social media icons bigger.

Theme: Dawn

URL: https://theaestheticza.com/

Ive tried some of your solution above and their not working.

Thannk You!

[claysark]

Hi there, I'm using revamp theme and looking to make icons bigger. Could you offer the instructions to update code? 

[claysark]

website is claysark.com

[KetanKumar]

@claysark 

thanks for url can you please confirm this look

[claysark]

Could we make it 20% bigger?

[KFORREST]

This solution worked for my site.  Thanks!

[KFORREST]

As above, provided on June 4th.  https://creativedesignsbykari.com/

[pharoh311]

hi can you tell me how to enlarge my social media icons in the refresh theme?