Changing header logo on only cart & order confirmation page?

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

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. 



 

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;

}

Yes that should work if you place it in the footer. Give it a try and let me know if that work

Not working unfortunately 😞 

On 8/5/2020 at 1:50 PM, helenheffner said:

Not working unfortunately 😞 

I have this problem as well and looking for answers. Did you figure it out? I don't understand why this is so difficult.