What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Change color of shop pay logo

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

VRboutique
Tourist
14 0 1

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...

Replies 14 (14)

Abdosamer
Shopify Partner
943 172 198

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

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
VRboutique
Tourist
14 0 1

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

VRboutique
Tourist
14 0 1

IMG_0068.jpeg

VRboutique
Tourist
14 0 1

IMG_0067.jpeg

Abdosamer
Shopify Partner
943 172 198

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

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

}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
VRboutique
Tourist
14 0 1

hi there, 

 

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

Abdosamer
Shopify Partner
943 172 198

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

Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
My work
VRboutique
Tourist
14 0 1
Okay sure. That’s works

BSS-Commerce
Shopify Partner
3477 463 547

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:

view - 2023-11-15T132632.203.png Hope it helps @VRboutique 

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


B2B Solution & Custom Pricing | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency
VRboutique
Tourist
14 0 1

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
Shopify Partner
8 0 1

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

VRboutique
Tourist
14 0 1

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

VRboutique
Tourist
14 0 1

IMG_0068.jpeg

VRboutique
Tourist
14 0 1

IMG_0067.jpeg