What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: changing social media icon size

Solved

How can I increase the size of social media icons on the Dawn theme?

Reynoso93
Visitor
3 0 2

trying to increase the size of my social media icons for the Dawn theme. tried coding in theme settings but no luck. 

Accepted Solution (1)
KetanKumar
Shopify Partner
37433 3664 12118

This is an accepted solution.

@Reynoso93 

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.

.list-social__item .icon {
    height: 2.8rem;
    width: 2.8rem;
}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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 6 (6)

KetanKumar
Shopify Partner
37433 3664 12118

@Reynoso93 


Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
Reynoso93
Visitor
3 0 2
KetanKumar
Shopify Partner
37433 3664 12118

This is an accepted solution.

@Reynoso93 

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.

.list-social__item .icon {
    height: 2.8rem;
    width: 2.8rem;
}

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
EstebanPenagos
Excursionist
16 0 3

Hi Ketan, it does not seem to be working on my website, would you please check

URL: https://modacol.com/

KetanKumar
Shopify Partner
37433 3664 12118

@EstebanPenagos 

Thanks for details, can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css->paste below code at the bottom of the file.

.footer-section .share-icons--icon {height: 30px !important;}

 

KetanKumar_0-1689057762836.png

 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
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
EstebanPenagos
Excursionist
16 0 3

Many thanks Ketan, I really appreciate your help! Did you find de  Asset->/stylesheet.css- from the DevTools on the browser?