Payment Icon Border (Origin)

Topic summary

A user seeks to make payment icons in their Shopify store footer uniform in appearance. The Apple Pay icon has a black border while others don’t, and the Shop Pay icon lacks a border and appears slightly larger.

Solutions provided:

  • One contributor advises against uniformity, suggesting the current appearance looks better
  • Another offers CSS code to add borders to all payment icons while removing Apple Pay’s existing border using base.css modifications
  • A third solution targets Apple Pay’s background color specifically through Custom CSS in Theme Settings

Current status:

The user successfully changed Apple Pay’s appearance but now wants to:

  • Apply the same styling effect to all payment icons
  • Add a border to the Shop Pay icon
  • Ensure consistent sizing across all icons

The discussion remains open with the user seeking additional CSS guidance for complete uniformity.

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

@PoW8 – I do not recommend it as it looks wierd

1 Like