How can I reduce the font size of my Afterpay widget?

Technical Q&A
1

We just added the Afterpay widget on our product page using the code in this article: https://developers.afterpay.com/afterpay-online/v1/docs/shopify-aunz-afterpay-product-page-display

How do we decrease the font size of the widget and the size of the afterpay logo?

2

@Solset Send me store url.

3

https://tryparanyx.com/products/menstrual-relief-pad

4

Hi @Solset

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

.compact-badge-logo{

width: 30px;

margin-right: 50px;

}

.afterpay-link{

margin-left: -50px;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

5

Hello @Solset ,

Based on your query, we checked your store. But, It seems you are not using Afterpay now. As we didn’t find the afterpay scripts on your website.

Hope you have already started fixing it, else let us know if you need further guidance.

All the best,

Team CedCommerce