How to decrease afterpay text size on my product page.

Solved
Highlighted
Tourist
14 0 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  

0 Likes
Highlighted
Shopify Partner
3235 710 860

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! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted

This is an 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.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
New Member
5 0 0

Hi!

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

0 Likes
Highlighted
Shopify Partner
3235 710 860

Hey @Aguslinda,

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

Cheers!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
New Member
5 0 0

Thanks! I did it!

0 Likes