Black and white Payment Icon at footer in theme Reformation

[GiasUddin]

Hello good people,
I was wondering how to make the payment icons black and white in the website footer menu.
Can anyone help please.

website link- https://zj9yyw-ux.myshopify.com/

[steve_michael2]

Hi @GiasUddin ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

svg.payment-icons__icon {
    filter: grayscale(1);
    border: 1px solid black;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[ProtoMan44]

@GiasUddin Hey, thanks for posting here.

please this style CSS code:

svg.payment-icons__icon path {
    filter: grayscale(1);
}

[GTLOfficial · Accepted solution]

Hello @GiasUddin 
Go to online store ----> themes ----> actions ----> edit code ----> assets ---->app.css
add this code at the end of the file and save.

.footer .payment-icons {
filter: grayscale(1);
}

result

If this was helpful, hit the like button and accept the solution.
Thanks