Debut theme Afterpay and Zip font size difference

Store Design
1

Hi there,

Can anyone help me fix the size difference between the Afterpay and Zip text on my product pages?

SimonePakieto_0-1735955635226.png
SimonePakieto_0-1735955635226.png432×117 9.18 KB

The Afterpay text is smaller than the Zip text. Here is a page as an example - https://spacificallyyours.co.nz/collections/personlised-to-perfection/products/butterfly-led-wall-hanging

I’m using the debut theme.

2

@SimonePakieto add this css to the very end of your theme.css file and check

.afterpay-main-text {font-size: 16px;}
3

Thanks @suyash1 . Unfortunately it hasn’t fixed the issue :pensive_face:

4

@SimonePakieto - it means css files are not applied on afterpay text, you will need to check afterpay app settings to check if you can make font changes

1 Like
5

Hi @SimonePakieto

You can’t edit the size of Afterpay directly. However, you can reduce the size of ZIP to match the Afterpay size. Here’s the code you can use, please add it in Custom CSS of your theme

.zip-container span {
    font-size: 14px !important;
}

If you’re okay with this, you can apply the code. However, if you still want to increase the size of Afterpay, you’ll need to contact the app provider, as that section is rendered via a JS file, and CSS code won’t apply there.

I hope this helps

Best,

Daisy

1 Like
6

OK will do. Thanks again for your help.

7

Thanks so much @DaisyVo .
As I read your reply I had an ’ of course! why didn’t I think of that?!’ moment :joy:

1 Like