How to center social media icons in footer - Pipeline Theme

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.css file
  • 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.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.

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

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

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. 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.

  1. From admin, go to “Online Store” → “Themes” → “Customize”.
  2. Search for “Footer” section and click to edit like in the below attached screenshot.

  1. 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.

  1. 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

Screenshot 2024-05-31 at 5.04.03 PM.png