Flow Theme - Trying to change payment icons to black and white

Store Design
1

Could I get help on how to change my payment icons to black and white

I am using code below found on another forum on the custom CSS tab in theme settings

.payment-icon{
filter: grayscale(1)!important;
}

However after successfully changing my payment icons to black and white when i try to save the theme I get an error message saying " Online Store editor session cant be published "

How do I get my change to be saved can anybody help ?

Screenshot 2023-03-08 at 11.11.31.png
Screenshot 2023-03-08 at 11.11.31.png2860×482 66.3 KB

2

Hi @mneyntlve

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

.payment-icons .payment-icon {filter: grayscale(1) !important;}

Regards,

San

3

Hi @mneyntlve ,

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

.payment-icon{
filter: grayscale(1)!important;
}

I hope it would help you
Best regards,

Richard | PageFly

4

Thank you Richard

I followed the steps provided and this worked perfectly :slightly_smiling_face: