The code:
My website: https://6jqq5sevsuun30x8-65734639831.shopifypreview.com
Topic summary
A user seeks help centering payment icons in their store’s footer section. They share HTML/SVG code showing payment icons (Apple Pay, Union Pay, Mastercard) currently positioned in their footer.
Solution Provided:
- Another user provides step-by-step CSS instructions
- Navigate to: Online Store → Theme → Edit code
- Add the following CSS to the style.css file:
.section-footer__payment-icons {
text-align: center;
}
Status: Resolved
A third participant confirms this solution works, sharing a screenshot as verification. The fix uses a simple CSS text-alignment property to center the payment icon container.
Hello @OneCap ,
Follow these steps:
-
Go to Online Store → Theme → Edit code
-
Open your style.css file and paste the following code below:
.section-footer__payment-icons {
text-align: center;
}
Thanks
