Remove "Shopping Cart" Heading on Checkout Page

I need to remove the text that says "shopping cart" on this checkout page. Any ideas?

2 hours ago, michaelgiuliani said:

I need to remove the text that says "shopping cart" on this checkout page. Any ideas?

You can remove the cart title by adding this to Design > Custom CSS:

.CartHeader-cartTitle-9Dk3d {
  display: none;
}

It's the same on the Squarespace 7.1 site pictured above and Squarespace 7.0 sites. 

To avoid confusion for you later, I should perhaps mention that the page pictured above is the Cart page, not the Checkout page. 🙂

Thanks for the correction!  That code isn't working for some reason...

It works for me 🤔

So that I can take a look, please ensure the CSS has been added and then post a working link to the site.

Thanks, Paul! It worked--just not right away for some reason....had to refresh the page. Any idea on how I can invert the logo color or change the logo to a darker version on that page?

21 hours ago, michaelgiuliani said:

Thanks, Paul! It worked--just not right away for some reason....had to refresh the page. Any idea on how I can invert the logo color or change the logo to a darker version on that page?

You can use CSS, but you should share link to cart page first.

Hi there,

I'm trying to hide my cart title too and have used the above code without success.

My site link is;

https://www.reformedbybmpt.com.au/cart

Thanks,

Tess

On 12/7/2020 at 6:27 AM, tessastburydesign said:

Hi there,

I'm trying to hide my cart title too and have used the above code without success.

My site link is;

https://www.reformedbybmpt.com.au/cart

Thanks,

Tess

Add to Home > Design > Custom CSS

h2.cart-title {
    display: none !important;
}

Hi this code worked fine to remove the title. Is there a way to change the title to say "Shopping Bag" ? 

@Samihan

Please see Change Cart Title.

Let us know how it goes.

@creedon this code worked like magic. Thanks so much for your help. Appreciate it.

I just noticed the bottom line says "There is nothing in your shopping cart" I'd like to change this to "BAG" so its consistent. Can you help with this? 

Attached a screenshot for reference.

@Samihan

Add the following to Design > Custom CSS.

/*

  begin change cart empty message
  
  Version     : 1.0
  
  SS Versions : 7.0, 7.1
  
  By          : Thomas Creedon < http://www.tomsWeb.consulting/ >
  
  */
  
  #cart {
  
    --empty-message : '[enter empty cart message here between single quotes]';
    
    }
    
  /* do not change anything below, there be the borg here */
  
  .empty-message > span {
  
    display : none;
    
    }
    
  .empty-message::before {
  
    content : var( --empty-message );
    
    }
    
  /* end change cart empty message */

Let us know how it goes.

Can this SHOPPING BAG and "You have nothing in your cart. Continue Shopping" text be centered in both mobile and desktop?

I spoke too soon and figured it out:

/* Shopping Cart Page Title */
.cart-title {
  text-align: center !important;
}

.empty-message {
  text-align: center !important;
}

Can this SHOPPING BAG and "You have nothing in your cart. Continue Shopping" text be centered in both mobile and desktop?