How do I increase checkout cart text size on Dawn theme?

Store Design
, ,
1

Am on Dawn theme,

Looking to increase the font size of “product”, “quantity”, “total”, “tax included etc” and justify the price so it is align to the subtotal text (see image attached).

Screenshot 2023-08-09 at 18.00.51.png
Screenshot 2023-08-09 at 18.00.51.png1850×1464 125 KB

2

Right click to inspect the elements and check out the class(es) of the div tag(s) that contain the text. I suspect that the heading ones have some sort of table-heading type class (with custom css to fix the font at a certain size) that the subtotal doesn’t. This should help you track down where in your css file to make adjustments.

3

Hi @cmrecs

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Here’s how its look on my end :

PageFlyNoah_0-1691628873653.png
PageFlyNoah_0-1691628873653.png2880×1516 142 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly

4

Thanks for the help Noah!

I’ve tried adding that into my theme.liquid file (above the section) but it’s not updating on the front end so perhaps is in the wrong place?

Screenshot 2023-08-10 at 11.42.58.png
Screenshot 2023-08-10 at 11.42.58.png1468×1414 318 KB

5

Hello @cmrecs

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.cart__footer h2.totals__subtotal {
    font-size: 30px !important;
    letter-spacing: 0px !important;
}
.cart__footer h2.totals__subtotal {
    font-size: 30px !important;
    letter-spacing: 0px !important;
    line-height: 1 !important;
}
small.tax-note.caption-large.rte {
    font-size: 2.5rem !important;
    letter-spacing: 0px !important;
}
.cart__ctas button {
    font-size: 4.5rem !important;
}
.caption-with-letter-spacing {
    font-size: 3.5rem !important;
   letter-spacing: 0px !important
}
.product-option {
    font-size: 2.5rem !important;
}
6

Thank you! This works for me!! One issue I’m still having is that the sub-totals and final cart price are still small - would you be able to help me with this?

Screenshot 2023-08-10 at 17.11.51.png
Screenshot 2023-08-10 at 17.11.51.png255×339 1.61 KB

7

If we could also align the subtotal text to the price that would be brilliant!

8

Hello @cmrecs

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.cart__footer h2.totals__subtotal {
    line-height: 0.5 !important;
}

If the solution is helpful to you please like and accept the solution.

9

Hi @cmrecs Sorry for the late response, seem like the issue has been fixed
Let me know if you need any help