Changing logo color on shopping cart page

Site URL: http://www.shopmaisaguam.com

Anyone have a code to change the color of the logo on the shopping cart page? Our homepage logo is white so that it stands out against the header photo, so we're using a code to change the color of  the logo on the other pages to the brown. Don't know why this isn't carrying thru to the shopping cart... 

Add to Design > Custom CSS

body#cart header#header img {
    filter: invert(1);
}

1 hour ago, tuanphan said:

Add to Design > Custom CSS

body#cart header#header img {
    filter: invert(1);
}

 

Hi Tuan! 

You always pull through for the community here, so thank you! I already tried this code but it inverts the color from white to black. I'm looking to change the color from the current white to the brown that is shown on all other shop pages. 

On 2/9/2021 at 9:20 PM, maisaguam said:

Hi Tuan! 

You always pull through for the community here, so thank you! I already tried this code but it inverts the color from white to black. I'm looking to change the color from the current white to the brown that is shown on all other shop pages. 

Try this new code

/* Cart page - new logo */
body#cart {
.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;
}
}

Replace beaverhero with new logo url