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

Store Design
1

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” onto my site, which adds the “shop pay” logo on all product pages. I would like to keep the text, but I really hate the way the purple looks.

Thanks!

My site: https://oneblushingbride.net/collections/signature-obb-veils/products/joy-long-cathedral-wedding-veil-with-lace-trim

2

@Alisha_Jemelian

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.shopify-installments__content {color: #5a31f4;} /* change color as you like */
3

Thank you so much! I copy and pasted this code at the very bottom. I added

.shopify-installments__content {color: #5c2a26;}

Nothing changed. Any other suggestions? Thank you for the very fast help!

1 Like
4

oh sorry can you try this

.hc-spi{color: #5c2a26; }
1 Like
5

Thank you so much for trying to help! It still is not changing when I add that.

A side note is that I see this message at the top of my coding screen:

"SCSS support is deprecated in themes

Convert .scss and .scss.liquid files to .css or .css.liquid for a better performing online store and theme editor"

Is this related? I am a coding newbie! So your help is appreciated.

1 Like
6

@Alisha_Jemelian

yes some speed up but not majot

1 Like
7

Thank you so much! Do you have any other coding suggestions? I also found this article: https://community.shopify.com/c/shopify-design/shop-pay-installments-theme-changes-banner-styling/m-p/1090272?utm_source=gurucopy&utm_medium=link&utm_campaign=Gurus

8

@Alisha_Jemelian

thanks for update and yes how can i help next one for shop pay, you have just flow guide line

1 Like
9

Thank you! I would like to change the purple icon color of the “Shop Pay” logo that displays on the product pages?

I installed the “shop pay installments” onto my site, which adds the “shop pay” logo on all product pages. I would like to keep the text, but I really hate the way the purple looks.

Thanks!

1 Like
10

@Alisha_Jemelian

oh no its third party script code we’re not modification code

1 Like