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)

Accepted Solutions
Jasoliya
Shopify Expert
4636 598 1164

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 to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
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
11324 2417 3481

@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
4636 598 1164

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 to modify or custom changes on store hire me.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp, Try our Free app for bundle page.
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 569 1411

@thegyver  please share your site url i can solve it

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
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!