Remove gray border from the payment icons

Store Design

Topic summary

A user sought help removing gray borders from payment icons on their online store.

Solution Provided:
PageFly support provided CSS code to hide the borders:

  • Navigate to Online Store → Theme → Edit code
  • Locate the theme.css file
  • Add the following CSS at the bottom:
    .list-payment__item[opacity="0.7"] { display: none !important; }
  • Save the file

Outcome:
The solution was successfully implemented and resolved the issue.

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

Hi @glucinth

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

.list-payment__item [opacity=“.07”] {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly