How can I alter the color of the Shop Pay logo on product pages?

[ng8]

How can you change the purple icon color of the "Shop Pay" logo that displays on the product pages?

I installed the "shop pay installments" automatic theme updater onto my site, which adds the "shop pay" banner on all product pages. I would like to keep the banner, but I really hate the way the purple looks.

Thanks

[dmwwebartisan]

@ng8 

Please share store URL!

Thanks!

[ng8]

https://shopadonysse.com/collections/clothing/products/vintage-mens-white-cotton-tee

Thank you!

[dmwwebartisan]

@ng8 

Please add the following code at the bottom of your assets/theme.css file.

.shop-pay-logo { filter: grayscale(1) !important;}

Thanks!

[Richard_Schwalb]

The CSS ultimately works but not when added to the theme.css file. What worked for me was wrapping the {{ form | payment_terms }} code in a div. giving it a class and adding that class style to my product-template.liquid file. I used filter: brightness(0) to make it all black. Using grayscale does just that, turns everything gray. Here's the style I used:

.shop-pay-content {
    float: left;
    margin-top: 15px;
    filter: brightness(0);
}

I used float: left so that my margin-top would work.

[OpulenceCo]

Hello, is there anyway you can help me with this?