How to decrease afterpay text size on my product page.

Solved
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
Shopify Partner
3703 824 1031

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 ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes

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.
◦ Available for hire! Same day response guaranteed: diego.boarutto.fortes@gmail.com
◦ Upgrade your theme for free with code snippets coded by me. Just click here!
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
Shopify Partner
3703 824 1031

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 ? Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Do you want drag-and-drop Advanced Shopify Page Builder to customize your pages? check here PageFly App
This will help you grow conversion rate and sales for your e-Commerce business.
0 Likes
New Member
5 0 0

Thanks! I did it!

0 Likes