Adding a header image to individual product pages

Hi there!

I was wondering if there's a way to add a header image to individual product pages? Right now the background and header on these pages are white—which is fine for the body, but it doesn't work for the header because my logo is white, and I also just want a bit more color on the page. 

Site URL: www.saltandstarspress.com/shop (then click on any product)

Thanks so much!

Tory

That worked perfectly. Thank you so much!

@tuanphan is there a way to add a header image for the cart page, too? Thank you!

On 3/3/2023 at 1:42 PM, torz123 said:

@tuanphan is there a way to add a header image for the cart page, too? Thank you!

Use this new code

body[class*="type-products"].view-item, body#cart {
header#header {
    background-image: url(https://images.squarespace-cdn.com/content/v1/63b5ed5e58d111590903192a/1675045798337-L6JIEQJ1X5MNT60CQZ96/unsplash-image-z7rzbFHXym0.jpg?format=original);
    background-size: cover;
    background-repeat: no-repeat;
}
header#header .header-nav-item *, header#header span, header#header svg {
    color: white;
}
}