How can I make social media icons bigger?

Solved
Highlighted

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

New to this but am finding my way around. Not a programmer but have half a brain so can hopefully figure most stuff out.
0 Likes

Hello,

Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one) so we can help you.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted

Hi there

https://katenewingtoninteriors.co.uk/

or

https://kate-newington-interiors.myshopify.com/

I'd be delighted if you can help.

New to this but am finding my way around. Not a programmer but have half a brain so can hopefully figure most stuff out.
1 Like
Highlighted

Hey Kate, 

Kindly try the following:

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

.social-icons li .icon{
    font-size: 28px !9mportant;
    margin-top: 10px;
}


You can play around with those values. 
28px = size of the icons. If you want it bigger, you can try something like 35px or any other value.
10px = spacing on top of the icons. 

Let me know whether it helps you. 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Shopify Partner
8524 1138 2981

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 */
}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted

dantepw - This doesn't seem to be working, even if I alter the size?

 

KetanKumar - This works perfectly to change the icon size but the icons then crash in to the line above. How would I rectify that?

New to this but am finding my way around. Not a programmer but have half a brain so can hopefully figure most stuff out.
0 Likes
Highlighted
Shopify Partner
8524 1138 2981

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted

Perfect!  That works brilliantly!  And so easy for me to do.  Thank you.  :0)

New to this but am finding my way around. Not a programmer but have half a brain so can hopefully figure most stuff out.
1 Like
Highlighted
Shopify Partner
8524 1138 2981

@KatesShop 

Thanks for update and your support.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like