I need help with increasing the size of my social media icon at the footer
What’s your website URL?
If it is password protected please share that as well.
@salomon2000
To increase the size of social media icons in the footer:
- Go to Shopify Admin > Online Store > Themes > Edit Code.
- Open footer.liquid in the Sections folder.
- Add the following CSS in theme css (under Assets
css
.social-icons a { font-size: 30px; /* Adjust size / margin: 0 10px; / Adjust spacing */ }
- Save and preview your store.
Let me know if you need more help!
Hello @salomon2000
Please share your store URL and password.
So that I will check and let you know the exact solution here.
Hi @salomon2000 , thankyou for posting here!
To increase the size of your social media icons in the footer of your Shopify store, you need to modify the CSS in your theme. Here’s how you can do it:
-
Log in to Shopify Admin
Go to your Shopify admin and navigate to Online Store > Themes. -
Access Theme Editor
Find your active theme and click Actions > Edit code. -
Locate the CSS File
In the left-hand menu, locate your CSS file. This might be named something like:- component-list-social.css
-
Add Custom CSS
Replace 120px with the size you prefer. The values for width and height can be adjusted proportionally.
-
Save and Preview
Click Save and then preview your store to check the changes.
Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
Hello @salomon2000
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
Result:
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hey @salomon2000
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @salomon2000
I hope you are well. You can follow our instructions below:
Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there
Here is the code for Step 3:
footer.footer ul.list-unstyled.list-social.footer__list-social li.list-social__item span.svg-wrapper {
width: 40px !important;
height: 40px !important;
}
footer.footer ul.list-unstyled.list-social.footer__list-social li.list-social__item span.svg-wrapper svg.icon {
width: 40px !important;
height: 40px !important;
}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
Here is my website link https://trendyvendyla.com/
Hello @salomon2000
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > theme.css and paste this at the bottom of the file:
.footer ul li.social__item.inline-flex svg {
width: 3rem !important;
height: 3rem !important;
}