Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
lauraswansieckman

Change Empty Shopping Cart Text

Question

How do I change the shopping cart text on the empty shopping cart page?

I added a custom font to the site for header 2 uses elsewhere, but apparently this capitalized and changed the "Shopping Cart" title also. I cannot figure out how to alter it in site styles. I don't need to change the font, I just would like it to be capitalized normally and not all caps.

https://www.mbdesignsapparel.com/cart

MB DESIGNS SCREENSHOT.JPG

Share this post


Link to post

6 answers to this question

Recommended Posts

  • 0

add this code to Home > Design > Custom CSS

body#cart h2.cart-title {
    visibility: hidden;
}
body#cart h2.cart-title:before {
    content: "Shopping Cart";
    visibility: visible;
    text-transform: capitalize;
}

image.thumb.png.4a2b60a958e8fb239410eb18852d53a7.png


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0

This worked PERFECTLY! Thank you so much - you saved me so much time!

 

5 hours ago, tuanphan said:

add this code to Home > Design > Custom CSS


body#cart h2.cart-title {
    visibility: hidden;
}
body#cart h2.cart-title:before {
    content: "Shopping Cart";
    visibility: visible;
    text-transform: capitalize;
}

image.thumb.png.4a2b60a958e8fb239410eb18852d53a7.png

 

Share this post


Link to post
  • 0
20 hours ago, suzannaknit said:

Hi! I have a similar problem except my shopping cart text is really spaced out and I want it closer together... do I have to do a custom CSS for this too!? Thanks! 

https://www.suzannajamesknitwear.com/cart

Add to Home > Design > Custom CSS

.cart-title {
    letter-spacing: normal;
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post
  • 0
1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS


.cart-title {
    letter-spacing: normal;
}

 

Thank you so much for your help!! How would I also make the text lower case? And does this mean there is no way of editing this text within the styles section, but only with custom CSS?

 

Thanks so much! 

Share this post


Link to post
  • 0
22 hours ago, suzannaknit said:

Thank you so much for your help!! How would I also make the text lower case? And does this mean there is no way of editing this text within the styles section, but only with custom CSS?

 

Thanks so much! 

.cart-title {
    text-transform: lowercase;
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

 

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...