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

Changing header logo on only cart & order confirmation page?


helenheffner

Question

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:

image.thumb.png.7d172a0e2d0b05e082a63101034a2a15.png

image.thumb.png.6b1e9caef41aa0360695a774c70d5598.png

 

Any help is appreciated! Thanks

 

Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

5 answers to this question

Recommended Posts

  • 0

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. 


image.thumb.png.19f8c01d1b6311a40e4a286f7912d58a.png
 

Philadelphia, PA

👉 Squarespace Tutorials 

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

 

Link to post
  • 0
Posted (edited)

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

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