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-premium-pullover-hoodie
Hi @VRboutique , can you provide a screenshot of what element you want to change its color?
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:
I am unable to understand what specific element you want to change. Please provide a screenshot. I think I can help with this.
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.
For some reason, I cant upload the screenshot on here. I will try to do it from my phone.
For some reason, I can’t upload the screenshot on here. I will try to do it from my phone.
@VRboutique , add this code to core.css file :
.shop-pay-logo {
height: 14px;
width: 59px;
vertical-align: middle;
margin-bottom: 1px;
background-color: #800080;
}
hi there,
That didn’t work for me. Maybe I did something wrong?
@VRboutique , if you having trouble with the code, I can send you an access request and solve the problem.
Okay sure. That’s works