Make social media icons bigger

Store Design
1

Hello,

I’d like to make my social media icons more prominent /larger. I’m using the origin theme.

https://polar-spirit.com

Thanks for any help!

2

Hello @polarspirit

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.list-social__item .icon { height: 3.8rem !important; /*adjust according to you*/ width: 3.8rem !important; /*adjust according to you*/ }

niraj_patel_1-1722682362451.png
niraj_patel_1-1722682362451.png1289×494 27.6 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

3

Hi @polarspirit ,

Here are the steps you can follow:

1, Navigate to Online Store > Themes > Edit Code.

2, Locate and open the base.css (or theme.css, custom.css) file.

3, Paste the code snippet provided below at the bottom of the file, then save your changes.

.list.list-payment .list-payment__item svg {
    /* If adding value please increase both the width and the height */
    width: 50px;
    height: 36px;
}

Here is the result

BSSTekLabs_0-1722682986705.png
BSSTekLabs_0-1722682986705.png2879×1609 191 KB

We hope this assists in resolving the issue.

If you find our solution helpful, kindly consider Liking and Marking it as Accepted. Thank you!

4

Hello @polarspirit
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the very end of the file.

.list-social__item .icon {
height: 3.8rem !important;
width: 3.8rem !important;
}

result

19.png
19.png1290×919 109 KB

If this was helpful, hit the like button and mark the job as completed.
Thanks

1 Like
5

This worked perfectly, thank you very much!

6

always there to help you…!!!

7

Hi

I am trying to increase size of my social media icon but can’t do it. Appreciate if you could help.

This is my store name :- https://bellestacare.com/

I tried the method you have mentioned here.