How to change the payment icons to Black & White

Solved
thecrossroad_co
New Member
10 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

0 Likes
dmwwebartisan
Shopify Partner
5695 1302 1668

@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
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Jasoliya
Shopify Expert
4219 569 1038

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.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com Or WhatsApp Or Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
thecrossroad_co
New Member
10 0 0

Thanks You Jasoliya

It worked. Awesome

0 Likes
thegyver
New Member
4 0 0

Hi, Where did you paste it?

0 Likes
Natztech
Shopify Partner
587 150 355

@thegyver  please share your site url i can solve it

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
thecrossroad_co
New Member
10 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

 

0 Likes
thegyver
New Member
4 0 0

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

0 Likes