How can I relocate payment icons in my online store's footer?

Store Design
,

Topic summary

A user wants to relocate payment icons within their Shopify store’s footer to a different position.

Proposed Solutions:

  • One responder suggests this requires modifying the HTML structure and offers to help with the changes
  • Another suggests simply adding an image of the payment icons to the desired location as an alternative
  • A PageFly representative provides a CSS-based solution:
    • Navigate to Online Store → Theme → Edit code
    • Open section-footer.css in the Assets folder
    • Add custom CSS code to reposition the footer payment element using absolute positioning (max-width: 650px, bottom: 150px, padding: 0 5rem)
    • The CSS targets screens with min-width of 1024px

Status: The discussion presents multiple approaches but remains open, as the original poster hasn’t confirmed which solution they’ll implement or whether any resolved their issue.

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

Hello is there a way to move the paying icons in the footer to this spot thank you.

store link: https://psyco-jewelery.myshopify.com/

JeffRandal1238_0-1675654651755.png
JeffRandal1238_0-1675654651755.png1186×492 47 KB

2

This may require a change to the html structure.

If you need to modify it, contact me.

3

Is there a way I can just add an image of it there?

4

Hi @JeffRandal1238

This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-footer.css->paste below code at the bottom of the file:

@media screen and (min-width: 1024px) {
    .footer {
        position: relative;
    }
    .footer .footer__payment {
        position: absolute;
        right: 0;
        bottom: 150px;
        padding: 0 5rem;
        max-width: 650px;
    }
}

I hope it would help you
Best regards,

Kate | PageFly