Jump to content

Hide Header & Footer on Shopping Cart Page

Recommended Posts

Posted

Site URL: https://www.trulycleandrycleaners.com/

I am working on a website for a client who has two separate brands in one website. I've coded his product pages to look different than the rest of the site, but I'm having trouble matching this aesthetic on the shopping cart page before checkout.

On the cart page, I need to:

- Change the font to white roma-inline.

- Change the logo to the shopping brands logo

- Change the header + footer font style and color^ for navigation and cart icon, OR delete header and footer altogether if not possible.

- Change the cart background color to black.

 

IMG_0733.jpg

IMG_0736.jpg

  • Replies 1
  • Views 866
  • Created
  • Last Reply
Posted

Hi, All on Cart page (screenshot 2) or Invididual products (screenshot 1)?

If 2, add to Design > Custom CSS

/* Cart page font */
body#cart #sqs-cart-root * {
    font-family: 'roma-inline' !important;
}
/* Cart page - remove header */
body#cart header.Header.Header--top {
    display: none !important;
}
/* Cart page - remove footer */
body#cart footer.Footer {
    display: none !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.