Text layout issue in the checkout

Shopify Discussion

Topic summary

A Shopify store owner encountered a checkout page text layout problem where characters displayed vertically (2 characters per line) instead of horizontally.

Issue Details:

  • The malformation affected checkout text rendering
  • The cause was unclear initially
  • An image was provided showing the display issue

Resolution:

  • The user identified the root cause: making text bold within a box on the product page inadvertently affected checkout styling
  • Issue appears to be resolved after identifying this CSS/formatting conflict

The thread demonstrates a self-resolved troubleshooting case where unintended styling changes in one area (product page) cascaded to affect another (checkout page).

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Hi,

I have an issue in my checkout with the text (see image) The text displays as 2 characters per line?

Not sure when or why this happened? Not updated the site or theme?

Any advice on how to fix?

Cheers,

Dave

BAFC

Screenshot 2024-09-17 at 11.13.15 AM.png
Screenshot 2024-09-17 at 11.13.15 AM.png512×735 23.5 KB

2

Hi all,

URL is:

https://www.bradshawaustralia.com.au/

Thanks.

3

Thanks All,

Found the issue, was due to making text bold in a box in the product page.

Cheers.