How can I change the color of the Shop Pay logo to purple?

[VRboutique]

So I'm having trouble trying to change the shop pay installment banner logo from a different color. Right now it's white and not visible on the product pages. I would like it to be purple to match the shop pay button at the bottom near the checkout button. Any ideas?

Website link: https://victoriaroyaleboutique.com/collections/new-arrivals/products/black-beautiful-divine-unisex-p...

[Abdosamer]

Hi @VRboutique , can you provide a screenshot of what element you want to change its color?

[VRboutique]

For some reason, I cant upload the screenshot on here. I will try to do it from my phone.

[VRboutique]

 

[VRboutique]

 

[Abdosamer]

@VRboutique , add this code to core.css file :

.shop-pay-logo {
    height: 14px;
    width: 59px;
    vertical-align: middle;
    margin-bottom: 1px;
    background-color: #800080;

}

[VRboutique]

hi there, 

That didn't work for me. Maybe I did something wrong?

[Abdosamer]

@VRboutique , if you having trouble with the code, I can send you an access request and solve the problem.

[VRboutique]

Okay sure. That’s works

[BSS-Commerce]

Hi @VRboutique ,

Insert this CSS snippet into your CSS code:

button.shopify-payment-button__more-options {
    background-color: #5a31f4;
    padding: 13px 0;
    color: white;
    margin-bottom: 8px;
}

Result:

 Hope it helps @VRboutique 

[VRboutique]

so i don't want the button color changed. I want the actually shop pay logo where it says " Pay in 4 interest free installments for orders over $50 with "shop pay" Learn more." 

The Shop Pay logo isn't visible right now so it looks blank.

[Tushar-SkaiLama]

I am unable to understand what specific element you want to change. Please provide a screenshot. I think I can help with this.

[VRboutique]

For some reason, I can't upload the screenshot on here. I will try to do it from my phone.

[VRboutique]

 

[VRboutique]