I inherited this site from someone, and there seems to be some weird custom parts of the site that I don’t understand. I want to have the social media icons in the footer be centered and I want them to be a bit bigger and I want there to be much less padding, like only 50px on the top and bottom. How do I do that?
Site: https://uawk2j-gn.myshopify.com/
Password: lewfru
Hi @jasminsharp97
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code
2/ Search for “theme.liquid” file
3/ Open the file and search for tag and add the following code above tag
Here is the code for Step 3:
{% style %}
.Footer__Block.Footer__Block--text{
margin-bottom: 0 !important;
}
ul.Footer__Social.HorizontalList.HorizontalList--spacingLoose{
display: flex !important;
justify-content: center !important;
}
li.HorizontalList__Item > a.Link Link--primary {
font-size: 20px !important; /* Adjust size as needed */
margin: 0 15px !important; /* Spacing between icons */
}
{% endstyle %}
If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 
Hi @jasminsharp97
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.css and add this code at the end of the file
@media screen and (min-width: 641px) {
.Footer {
padding: 0 !important;
}
.Footer__Inner+.Footer__Aside {
margin-top: 0 !important;
}
}
Result:
Best,
Liz
Hi @jasminsharp97
- Go to Online Store → Theme → Edit code.
- Open your theme.liquid file
- In theme.liquid, paste the below code before
If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales!(https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!
That worked, thank you! There’s still a lot of space underneath the icons though, do you know how to get rid of all of this space? Or can we make the icons bigger to make them stand out more if we can’t get rid of that space?
@jasminsharp97 This is a great thing that your code is working. Now, apply this code and see if your spacing issue also gets resolved.
Note: If possible, mark both of my solutions.
Thanks!
That worked, thank you so much!!!