Jump to content

Changing header logo on only cart & order confirmation page?

Recommended Posts

Site URL: https://www.ohelloideas.com/cart

Hi! I'm using Squarespace 7.1 and I'd like to adjust the logo in the header on both my shopping cart (#cart) and order confirmation pages (#order-confirmed) specifically. My logo is meant to be displayed over an image or dark background. So I'd like to inject code to display an alternate logo on these two pages.

I've combed through the forms, but coming up empty / nothing I try seems to be working. Screenshot of the issue below, the logo disappears into the background:




Any help is appreciated! Thanks


Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Hey @helenheffner, one option is you could create a semi tranparent dark background so that the white of the logo stands out. This is just a quick example to demonstrate. However this may also require adjusting the text links.

The other solution is to use some custom code to swap the logo to a dark version specifically on the cart page. 

You could also look at outlining the letters of your logo with black so that they'd stand out against the white background. 


Philadelphia, PA

👉 Squarespace Tutorials 

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan


Link to comment

Hey @RyanDejaegher, thanks for the quick reply! I'm open to doing some custom coding // I've been swapping out logos on other lighter colored pages in my site using the page header code injection. But, I'm not seeing a direct way to access this for the cart & the order confirmation page – I know you can inject elements into the footer of this page in the "code injection" section, but wasn't sure if that would affect the header. 

I tried the following code based on some replies to other contributors questions, but something's still off / the code's not working for me:

// confirmation page logo swap // 

#order-confirmed .Header {

   .header-title-logo: url(https://static1.squarespace.com/static/5eb09d1572f967236478f244/t/5f2af1e435c6eb712e4bda75/1596649956629/O_Hello_Ideas_Master_Teal-Yellow.png) !important;

 height: 195px;



Edited by helenheffner
Link to comment
  • 1 month later...

Create an account or sign in to comment

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

  • 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.