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

AZ2024
New Member
26 0 0

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,

 

Replies 6 (6)

RMedia
Shopify Partner
51 2 4

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


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

Founder @ Advanced Free Shipping, create custom free shipping rules easily.
- Set Free-Shipping by 20 parameters; products, collections, customers + more
- No need for confusing Scripts or Carrier Calculated Shipping
- To learn more about 'Advanced Free Shipping' visit our Shopify app page here.
AZ2024
New Member
26 0 0

This didn't work. Screen Shot 2024-02-27 at 12.28.50 pm.png

ZenoPageBuilder
Shopify Partner
1052 203 217

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

Screenshot 2024-02-27 at 09.48.02.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
AZ2024
New Member
26 0 0

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,

Screen Shot 2024-02-28 at 10.40.06 am.png

ZenoPageBuilder
Shopify Partner
1052 203 217

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

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
AZ2024
New Member
26 0 0

Hi,

Neither cart empty/with items is in caps now