Hi! How to add social buttons centered at the footer under our logo?
Website: https://plooshy.co
Thanks!
Topic summary
A user seeks help centering social media buttons in their footer on a Phoosly website. Two responses offer different solutions:
Solution 1 (Litos):
- Requests the footer.liquid file code to provide specific assistance
Solution 2 (BSS-Commerce):
- Assumes the user wants to remove (not center) the social icons
- Provides step-by-step CSS instructions:
- Navigate to Online Store → Edit Code
- Locate the “base.css” file
- Add CSS code:
.footer__social-list.unstyled-list.social-list { display: none !important; } - Save the file
- Includes before/after screenshots showing desktop and mobile views with icons hidden
Status: The discussion remains unresolved, as the original question about centering buttons hasn’t been directly addressed. BSS-Commerce’s solution removes icons entirely rather than repositioning them.
1 Like
Hi @Zoark ,
Please send me the code of footer.liquid file, I will check it for you
Hi @Zoark
Are these the social icons you want to remove?
To be able to hide them, you can follow some of these steps:
- Step 1: Please go to Online store => Edit code
- Step 2: Find the file “base.css” and paste the following code in it & then save the file:
.footer__list-social.list-unstyled list-social {
display: none !important;
}
- Here are the results:
- Desktop:
- Mobile:
We hope that this can help you.