How to change the payment icons to Black & White

Store Design

Topic summary

Main issue: After a theme update, payment icons reverted to color; members sought a way to display them in black & white.

Solution provided: Add a CSS grayscale filter to the payment icons. Specifically, insert .payment-icons {filter: grayscale(100%);} in the stylesheet.

Implementation details: Via Edit Code > Assets > theme.css. Locate the Payment Icons section and append the rule at the end. This uses CSS (Cascading Style Sheets) to visually desaturate the icon images.

Validation: Original poster confirmed the fix works; another user later confirmed success as well.

Open questions: Users asked where to apply this in the latest Dawn theme and in the Impulse theme (exact file/location). No specific guidance was provided yet for those themes.

Status: Practical fix shared and verified for themes with a theme.css payment section; thread remains partially open for theme-specific locations (Dawn update, Impulse).

Summarized with AI on January 12. AI used: gpt-5.
3

Hi @thecrossroad_co

You can use this css to make icon image direct black and white

filter: grayscale(100%);