Is there a way I can center the social media icons in the footer with the Pipeline theme?
LInk to site: https://9kmso76mstam2259-57200312371.shopifypreview.com
Topic summary
A user seeks to center social media icons in the footer of a Shopify store using the Pipeline theme.
Multiple Solutions Provided:
Three respondents (PageFly-Henry, ZestardTech, and Vinsinfo) offer nearly identical CSS solutions:
- Navigate to Online Store → Themes → Edit Code
- Locate the
theme.cssfile - Add the CSS rule:
.footer__socials { text-align: center !important; }
Alternative Approach:
Vinsinfo suggests a no-code method through the theme customizer:
- Access Footer section in Customize panel
- Add the same CSS to the “Custom CSS” field
- Optionally remove the “Stay in touch” heading text for better centering
Follow-up Question:
The original poster thanks respondents and asks how to modify the copyright text to display only “Ann Wirtz Fine Art 2024.”
Status: Initial issue resolved; new customization request pending response. Screenshots were shared throughout to illustrate steps and results.
1 Like
HI @awirtz
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.css
Step 3: Paste the below code at bottom of the file → Save
.footer__socials {
text-align: center !important;
}
Also, I noticed there is a space above the slide, you can use this code to remove it:
.wrapper–none.section-padding {
padding: 0;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
1 Like
Hi @awirtz
- 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__socials {
text-align: center;
}
1 Like
@awirtz Please follow below steps to center the social media icons in the footer. Let me know whether it is helpful for you.
- From admin, go to “Online Store” → “Themes” → “Customize”.
- Search for “Footer” section and click to edit like in the below attached screenshot.
- Search for the “Custom CSS” field at the bottom of the section and add the below code to the field like in the below attached screenshot.
.footer__socials {
text-align: center !important;
}
Then the final output will be like,
If you want to remove the text “Stay in touch.” and then make the social media icons even more center of the section. Please follow the below step, else stop with step 3 for the desired results.
4. Search for the block “Stay in touch.” and click to edit like in the below attached screenshot.
- Locate the “Stay in touch.” title field and clear the text like in the below attached screenshot and save for the changes.
Then the final output will be like,
Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.
1 Like
Thank you for the help. I appreciate it.
Is there a way to have the bottom copyright information just say Ann Wirtz Fine Art 2024?
https://9kmso76mstam2259-57200312371.shopifypreview.com
