Solved

How can I make social media icons bigger?

KatesShop
Excursionist
14 0 4

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

Not a programmer but have half a brain so can hopefully figure most stuff out.
Accepted Solution (1)
KetanKumar
Shopify Partner
36839 3635 11971

This is an accepted solution.

@KatesShop 

Thanks for update 

yes can you please add this code also

ul.social-icons {
margin-top: 15px;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 68 (68)
KetanKumar
Shopify Partner
36839 3635 11971

@twista @JaclynCameron @KFORREST 

can you please send store url

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
twista
Tourist
5 0 4

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

 

KetanKumar
Shopify Partner
36839 3635 11971

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
twista
Tourist
5 0 4

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

KetanKumar
Shopify Partner
36839 3635 11971

@twista 

i can see icon size bigger 

KetanKumar_0-1658770148676.png


@KFORREST 

thanks but i can't see social media icon 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
twista
Tourist
5 0 4

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

KetanKumar
Shopify Partner
36839 3635 11971

@twista 

no rush its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KFORREST
Excursionist
21 0 6

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
Shopify Partner
36839 3635 11971

@KFORREST 

can you enable social icon at footer  

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KFORREST
Excursionist
21 0 6

Done.  

KetanKumar
Shopify Partner
36839 3635 11971

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Allyssa22
Visitor
1 0 0

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
Tourist
3 0 1

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

claysark
Tourist
3 0 1

website is claysark.com

KetanKumar
Shopify Partner
36839 3635 11971

@claysark 

thanks for url can you please confirm this look

KetanKumar_0-1683182501534.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
claysark
Tourist
3 0 1

Could we make it 20% bigger?

KFORREST
Excursionist
21 0 6

This solution worked for my site.  Thanks!

KFORREST
Excursionist
21 0 6

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

pharoh311
Shopify Partner
1 0 0

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