How do I make social media icons bigger in Dawn theme

Hi, I have read through other articles but I am not very good with coding things. Can someone give me step by step instructions on how to make my social media icons bigger in the Dawn theme?

Hi @hsstuebie ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

https://smalltownbigheartsbarkery.myshopify.com

https://smalltownbigheartsbarkery.myshopify.com

Hi @hsstuebie ,

You can follow the instruction below:

  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 {
    width: 25px !important;
    height: 25px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

5 Likes

Thank you very much!!

1 Like

Sorry, one more question. I added a few more social media outlets. Now they are all bigger except for one, the tiktok icon. Is there a way to fix this?

1 Like

Hi, this worked for the instagram icon but not the tiktok icon. is there anyway I can make the tiktok icon bigger?

1 Like