How to change the payment icons to Black & White

Solved
thecrossroad_co
New Member
13 0 0

Hi there

Is there anyway we can change the payment icons to black & white instead of the coloured icons that appear at the footer.

We had this before but since we updated the theme its replaced with the coloured icons

 

Appreciate your help

 

cheers

Accepted Solution (1)
Jasoliya
Shopify Expert
4744 617 1194

This is an accepted solution.

Hi @thecrossroad_co 

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

filter: grayscale(100%);

 

Want custom changes? hire me.
3 months of Shopify are available for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles.
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 7 (7)
dmwwebartisan
Shopify Partner
12215 2537 3659

@thecrossroad_co 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Jasoliya
Shopify Expert
4744 617 1194

This is an accepted solution.

Hi @thecrossroad_co 

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

filter: grayscale(100%);

 

Want custom changes? hire me.
3 months of Shopify are available for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles.
Want to get Free review and advice for sale on store ?? just text me here
thecrossroad_co
New Member
13 0 0

Thanks You Jasoliya

It worked. Awesome

thegyver
Excursionist
18 4 8

Hi, Where did you paste it?

Kinjaldavra
Shopify Partner
2302 570 1416

@thegyver  please share your site url i can solve it

thecrossroad_co
New Member
13 0 0

 

Within Edit Code,

Find theme.css in assets

There will be a payment section and add the line of the Greyscale filter at the end 

Here is the payments section, there is a bit of other blurb for our theme but the bold line is important and what you need to add at the end of the payment sections

*================ Payment Icons ================*/

.payment-icons {filter: grayscale(100%);}

 

 

Hope this helps.

Good luck

 

thegyver
Excursionist
18 4 8

Hi It does help. It works!. Thank you!