How can I capitalize text in the Dawn theme cart page?

[AZ2024]

Hello,

I am using Dawn theme. How can I make the title ‘Your cart is empty/Your cart’ (depending on whether something is in cart or not, to be written in caps on cart page?

Also, how can I make the ‘Continue shopping’ button be written in caps on cart page?

Thank you,

[RMedia]

@AZ2024
Add this CSS code inside the Customizer > Theme Settings > Custom CSS

.cart__warnings h1.cart__empty-text, .cart__warnings .button {
text-transform: uppercase;
}

[AZ2024]

This didn’t work.

[ZenoPageBuilder]

Hello @AZ2024

In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom

.cart__warnings .cart__empty-text,
.cart__warnings .button {
    text-transform: uppercase !important;
}

The result

Hope that helps!

[AZ2024]

Thank you. That worked for when the cart is empty, but when the cart has something in it it still says ‘Your cart’ not in caps.

Can you please advise how this can also be in caps?

Thank you,

[ZenoPageBuilder]

Hi @AZ2024

You can modify the code like this

.cart__warnings .cart__empty-text,
.cart__warnings .button,

cart-items .title–primary {
text-transform: uppercase !important;
}

[AZ2024]

Hi,

Neither cart empty/with items is in caps now