Shopify themes, liquid, logos, and UX
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.
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 </body> -> save.
<style>
a.cart__row--title,
.cart__row span.money,
.cart__row th.text-center {
font-size: 30px !important;
}
</style>
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
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hey Henry,
Do you have a solution that will work for the Ajax cart?
Thanks so much,
Hey Henry, checking in here.
thx
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 </body> tag and save
<style>
form.cart.table-wrap {
font-size: 25px; /*Cart Page Font-size adjustment */
}
.ajaxcart__inner {
font-size: 27px; /* Ajax Cart Font-size adjustment */
}
</style>
[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 Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024