What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Adjusting Font size in cart pages- Flow Theme

Adjusting Font size in cart pages- Flow Theme

PCBCW
Excursionist
20 0 2

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.

 

Screenshot 2024-04-26 at 12.58.56 AM.pngScreenshot 2024-04-26 at 1.04.20 AM.png

Replies 5 (5)

PageFly-Henry
Shopify Partner
1184 335 292

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.

PageFlyHenry_0-1714113614452.png

 

 

<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

 

PageFlyHenry_2-1714115366136.png

 

 

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.

PCBCW
Excursionist
20 0 2

Hey Henry,

 

Do you have a solution that will work for the Ajax cart?

 

Thanks so much,

 

PCBCW
Excursionist
20 0 2

Hey Henry, checking in here.

thx

Anshul_arora
Navigator
453 128 100

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 ->

Anshul_arora_0-1714113860771.png

Anshul_arora_1-1714113868084.png

I hope the code helps you.

Thank you.

Please remember to like and accept the solution to help other store owners.

For Shopify Design & Development | Custom Coding -Visit Here
PCBCW
Excursionist
20 0 2

Hi, 

 

That did not work.