How can I adjust the Afterpay font size on my Prestige theme?

Store Design

Topic summary

Goal: Change the Afterpay text size on product pages using the Prestige theme.

Two approaches were suggested:

  • CSS override in theme.css: Add a style like .afterpay-main-text { font-size: 8px !important; } by going to Online Store > Themes > Edit code > Assets > theme.css. The font-size value can be adjusted as needed.
  • Afterpay script setting in theme.liquid: In Online Store > Themes > Edit code > theme.liquid, find the line that looks like //var afterpay_msg_size = ‘md’; and replace it with var afterpay_msg_size = ‘sm’; (or another size). This uses Afterpay’s built-in configuration for message size and can also influence font/logo presentation.

Notes:

  • theme.css is the main stylesheet; theme.liquid is the main layout template where the Afterpay script is typically loaded.
  • Code edits are central to the solution.

Outcome/status: No confirmation from the original poster on which method was used or whether the issue is resolved; the thread remains open with two viable solutions presented.

Summarized with AI on February 10. AI used: gpt-5.
1

Can anyone help? My website is ElevationAthleticsCanada.ca and I’m looking to change the afterpay text on the product page.

The theme is prestige. Thanks!

2

Please put in below code to the last line of your under your theme.css

by going to your store admin > Online Store > Themes > Actions > Edit code > Assets folder. (https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code)

.afterpay-main-text {font-size: 8px !important;}
3

Hi @Claud123 ,

Afterpay provides ways to change font/logo in their main script found in theme.liquid. Here’s how you can make the changes:

  • Go to Online Store-> Theme->Edit code → theme.liquid

  • Search for ’ //var afterpay_msg_size = ‘md’; ’

  • Replace above line with ’ var afterpay_msg_size = ‘sm’; ’

Adjust to desired size…