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

Change Logo on Cart Page


EmiliaMelb

Question

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!

Screen Shot 2020-10-27 at 3.46.57 pm.png

Link to comment

10 answers to this question

Recommended Posts

  • 0
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!

Screen Shot 2020-10-27 at 3.46.57 pm.png

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.

Edited by inunzi
Link to comment
  • 0

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

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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?

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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;
}

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...