Black and white Payment Icon at footer in theme Reformation

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/

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!

@GiasUddin Hey, thanks for posting here.

please this style CSS code:

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

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