How to decrease afterpay text size on my product page

Store Design
1

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

2

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!

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

2 Likes
4

Hi!

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

5

Hey @Aguslinda ,

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

Cheers!

6

Thanks! I did it!