Make social media icons bigger Craft theme

Store Design
,
1

Hello everyone, I’m here looking for some help.

I want to make my social media icons bigger, I’ve tried a lot of codes that I saw here in other post but none of theme works (I guess because is not the same theme).

And if its possible I also want to make policies menu at the footer bigger as well, I think it looks really small.

My site is: vivoinstantes.com and the password is 1234.

Thank you in advance!!

2

Hello @saracadavidh

Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.list-social__item svg {
    width: 3rem !important;
    height: 3rem !important;
}

.copyright__content {
    font-size: 1.3rem !important;
}

Hope it helps!

2 Likes
3

Hi @saracadavidh

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.list-social__item svg {
    height: 30px !important;
    width: 30px !important;
}
.copyright__content {
    font-size: 16px !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly

1 Like
4

Hello, thank you for your answer, it did help for Instagram’s icon, but not for tiktok’s one. About the text size I think it works perfectly.

I found this question in other post: https://community.shopify.com/c/shopify-design/hi-how-to-fix-the-tiktok-logo-to-be-similar-like-other-logos/m-p/1714911#M458528 which helped me fixing TikTok’s icon size.

Thank you!!

1 Like
5

Hi Richard, thank you for your answer, with this code it happened the same, it works with Instagram’s icon, but not with TikTok’s one.

I found in another post the following answer that helped me fix the tiktok’s icon size:

How to fix the tiktok logo to be similar like other logos

Talking about the text it also works but I think it looks quite big in mobile version.

Thank you again!!

1 Like
6

You are welcome!