Hello,
I am having trouble trying adjust the font size on my cart pages. I would like them to be bigger. Please see attached for current font size.
Thank you for any help.
Topic summary
A user needs to increase font sizes on their cart pages in the Flow theme. Two solutions were provided:
Solution 1 (PageFly-Henry):
- Add CSS code to theme.liquid file before the
</body>tag - Targets cart row titles, prices, and table headers
- Sets font-size to 30px using
!important - Also suggested highlighting the single product prominently on homepage with brand features and pure ingredients (100% natural: water, barley, hops, yeast)
Solution 2 (Anshul_arora):
- Similar approach: add code to theme.liquid before
</body>tag - Addresses both cart page and Ajax cart font sizes
- Allows customizable font size in pixels
Current Status:
- User reported the first solution did not work
- User asking if Henry’s solution will work for Ajax cart specifically
- Discussion remains open with troubleshooting ongoing
Hi @PCBCW
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag → save.
a.cart__row--title, .cart__row span.money, .cart__row th.text-center { font-size: 30px !important; }
In addition, I have a few ideas to make your store stand out more:
Since you have just one product, prominently display it on your homepage along with its brand features. This approach not only showcases the product but also highlights its unique selling points, making a compelling argument for purchase. For example, consider using a tagline like “Purely Brewed, Simply Perfect.” Emphasize that your beer is crafted with 100% natural ingredients—water, barley, hops, and yeast—with no additives or gimmicks. This transparency in presentation underscores the purity of the product and can significantly persuade potential buyers by offering them a clear, clean beer experience as it’s meant to be enjoyed.
Highlight the Core Product and Brand Features on Your Homepage
Hope that my solution works for you.
Best regards,
Henry | PageFly
Hello @PCBCW ,
I understand you are looking to change the font size of your Cart page as well as your Ajax cart.
Please add the below-mentioned code at the bottom of the theme.liquid file before tag and save
[Please feel free to change the font size px as per your needs.]
Output will be like this →
I hope the code helps you.
Thank you.
Hi,
That did not work.
Hey Henry,
Do you have a solution that will work for the Ajax cart?
Thanks so much,
Hey Henry, checking in here.
thx