AFTERPAY PRODUCT PAGE - DECREASING FONT SIZE

Solved
Highlighted
Tourist
7 0 1

It worked, i just had to change the text size to 10.

 

Thank you! 

1 Like
Highlighted
New Member
7 0 0

I am having the same issue, and have tried all the solutions above, but there is no change in size to the Afterpay logo size. Any other suggestions to help edit? Thanks

0 Likes
Highlighted
New Member
7 0 0

Hi there. I am having the same issue, and have tried the solutions above, but there is no change in size to the Afterpay logo. Any other suggestions to help edit? Thank you

0 Likes
Highlighted
Excursionist
11 1 1

Share the store url in order to help you.

0 Likes
Highlighted
Highlighted
Excursionist
11 1 1

If you want to change the afterpay paragraph font size:

1. Click on "Online Store" link (left side - Shopify dashboard)

2. Click on "Actions" button and click on "Edit code".

3. Go to "Layout" folder and click to open the theme.liquid file

4. Before the tag "</head>" ends, paste this code:

<style>

.ProductMeta .afterpay-paragraph{

font-size: 12px !important;

}

</style>

 

Contact me if you need any help or a professional solution.

0 Likes
Highlighted
New Member
7 0 0

Thank you, what about the actual Afterpay logo size and the 'More Info', the text before the logo has now changed, but now the logo is very big and same as the more info text. Thanks

0 Likes
Highlighted
Excursionist
11 1 1

To change the logo size and the "more info" font size , add this code inside de style tags <style> </style>

//afterpay image
.ProductMeta .afterpay-paragraph img{
width: 70px !important;
}
//more info link
.ProductMeta .afterpay-paragraph .afterpay-link .afterpay-link-inner{
font-size: 10px !important
}
0 Likes
Highlighted
New Member
7 0 0

Thanks, I can't seem to make it work though? Even if I put it in the style between the head, and change the px and font it doesnt alter the image size or more info font size at all.

Perhaps any other code?

Thank you!

0 Likes
Highlighted
Excursionist
11 1 1

This will work.

/*afterpay image*/
.ProductMeta .afterpay-logo{
width: 60px !important;
}
/*more info link*/
.ProductMeta .afterpay-paragraph .afterpay-link .afterpay-link-inner{
font-size: 10px !important
}

 

1 Like