Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How to change the payment icons to Black & White

Solved

How to change the payment icons to Black & White

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 Partner
4823 625 1225

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 for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
Want to get Free review and advice for sale on store ?? just text me here

View solution in original post

Replies 9 (9)

dmwwebartisan
Shopify Partner
12323 2552 3732

@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 Partner
4823 625 1225

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 for $1/month. Look here.
Email us Or WhatsApp, Try our Free app for product bundles and Codify Order Cancel or Order edit
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 9

Hi, Where did you paste it?

Kinjaldavra
Shopify Partner
2303 570 1426

@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 9

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

HELDERWRLD
Explorer
146 0 8

And what about for the new update on the Dawn theme? Where can i find it?

paidinfullny
New Member
5 0 0

i have the impulse theme, i would like to know where exactly i can input this code on the “edit code”, please help!