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

Hello! I would appreciate assistance in removing the gray border from the payment icons. Is there someone available who can help me with this? I’ve already checked the themes and codes, but nothing seems to be working for me. Thank you so much!

glucinth_0-1714914186506.png
glucinth_0-1714914186506.png1014×444 18.5 KB

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

3

It worked! Thank you @PageFly-Henry !