Add CSS to Shopping Cart Page

Site URL: https://www.exitthirty6.com

Hi, I need helping adding CSS to my shopping cart page. I want to change the logo on this page to be different from the logo on my other pages. 

13 minutes ago, Hailee said:

Site URL: https://www.exitthirty6.com

Hi, I need helping adding CSS to my shopping cart page. I want to change the logo on this page to be different from the logo on my other pages. 

Hello may I ask what ss version you are using?

the newer one. 7.1 I believe?

2 hours ago, Hailee said:

the newer one. 7.1 I believe?

Yep that is correct, 7.1 is the newest version at the moment. So there’s a code you can try from Tuanphan, but this code is used for code blocks, but you can maybe inspect the elements of the shopping cart page to probably fix the code. If you have any questions, I’m here 😁

<style>
  .header-title-logo img {
    visibility: hidden;
}
.header-title-logo a {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/07/coffee-beans-1082116_640-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
</style>

If you want to simply invert the image that is already there add the following to Design > Custom CSS.

.cart .header-title-logo img {

  filter: invert( 100% );
  
  }

If want to change the logo altogether let us know and we can help you adapt @tuanphan's code for use with the cart page.

Let us know how it goes.