How to decrease afterpay text size on my product page.

[Maj79]

Hi can anybody please advise how to change my afterpay text on my product pages to be a little smaller and different colour to my price. 

https://www.livindreamz.com/products/disney-captain-america-ride-on-car  

[dmwwebartisan]

Hey @Maj79,

Please add the following code at the end of your assets/style.css file.

span.afterpay-text1,  span.afterpay-text2{
    font-size: 20px !important;
   color: #000000 !important;
}

Hope this works for you. You can change text color and size as per your need.

Thanks! 

[diego_ezfy · Accepted solution]

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > style.css.liquid and paste this at the bottom of the file:

.template-product .afterpay-paragraph,
 .template-product .afterpay-paragraph *{
    color: #000000 !important;
    font-size: 12px !important;
}

You can edit the styles:
#000000 = HEX color for text
12px = font size in pixels

Let me know whether it works.

[Aguslinda]

Hi!

I need to do this but don't have that asset. Can I do it in theme.scss.liquid?

[dmwwebartisan]

Hey @Aguslinda,

Yes, theme.scss.liquid also will be fine. If your theme is using that.

Cheers!

[Aguslinda]

Thanks! I did it!