Change Logo on Cart Page

Site URL: https://www.emiliamelbourne.com.au/cart

Hello guys,

I want to change the logo on the cart page because it's white on white background (see attached pic). The general logo on the website is white and on the pages with the white background I've already changed with a black one using custom css. Basically what I've done is I uploaded the black logo and then used this code on the page header injection of each page where I needed the black logo.

<style>
.header-title-logo a {
 content:
   url("https://static1.squarespace.com/static/5efd99cf0111cc1627be3fef/t/5f6d514302930911dd1b0030/1600999748561/image.png");
  }
</style>

Problem is, how do I do this with the cart page?

Thank you for your help!

5 minutes ago, EmiliaMelb said:

Site URL: https://www.emiliamelbourne.com.au/cart

Hello guys,

I want to change the logo on the cart page because it's white on white background (see attached pic). The general logo on the website is white and on the pages with the white background I've already changed with a black one using custom css. Basically what I've done is I uploaded the black logo and then used this code on the page header injection of each page where I needed the black logo.

<style>
.header-title-logo a {
 content:
   url("https://static1.squarespace.com/static/5efd99cf0111cc1627be3fef/t/5f6d514302930911dd1b0030/1600999748561/image.png");
  }
</style>

Problem is, how do I do this with the cart page?

Thank you for your help!

For some reason, it’s not allowing me to inspect Elements . Did you use a code so that no one can do this? Like I pressed the Right click and left click at the same time, and nothing happened.

Add to Home > Design > Custom CSS

body#cart .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

@inunzi Use this guide to enable right click

2 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

body#cart .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

@inunzi Use this guide to enable right click

I have right click On my site, but for some reason it’s not working on her site.

Thank you very much! The code did work!

And yes, right click is disabled.. I've been asked to put that on the website.

3 hours ago, EmiliaMelb said:

Thank you very much! The code did work!

And yes, right click is disabled.. I've been asked to put that on the website.

Oh ok thank you!

Hey @tuanphan tried that code and it hasn't worked - any ideas? 

https://mouse-trout-epjy.squarespace.com/cart

password: spong123

On 1/26/2021 at 8:06 AM, spongebob-smc said:

Hey @tuanphan tried that code and it hasn't worked - any ideas? 

 

https://mouse-trout-epjy.squarespace.com/cart

password: spong123

 

Hi. Looks fine here. Can you explain clearly?

@tuanphan oh that's weird! it took days to make that change 🤔 so I assumed it wasn't working. must be caching or something i guess - thanks anyway!

@tuanphan I'm having the same issue but I cannot use your code to invert the colour of my logo as it is not black/white. I'm looking for a code to use a different image url for the shopping cart page altogether, like I used for my other pages with lighter backgrounds. Thanks!

https://www.saint-alchemy.com/cart 

On 10/17/2021 at 6:23 AM, SaintAlchemy said:

@tuanphan I'm having the same issue but I cannot use your code to invert the colour of my logo as it is not black/white. I'm looking for a code to use a different image url for the shopping cart page altogether, like I used for my other pages with lighter backgrounds. Thanks!

https://www.saint-alchemy.com/cart 

Use this code

body#cart .header-title-logo img {
    visibility: hidden;
}

body#cart .header-title-logo a {
    background-image: url(https://cdn.pixabay.com/photo/2018/10/13/08/39/hohenschwangau-3743780__340.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}