Adding a different version logo to a single blog page

Hi there!

Hoping someone here could help me with figuring out how to have a different coloured logo in the header on a single page on my website as im no pro on this :)!

I am using banner images on all pages across the site so have a white logo with transparent background but I am now creating a blog section/ page and as those pages dont have banner images it becomes invisible. Is there a way around that - either adding a separate logo that is black for just the blog section with code or alternatively have a black headersection background for the top of that page?

Here is the website, it is on a personal plan so maybe thre is a limitation on what can be done.

https://tarantula-moose-4t3r.squarespace.com/config/

Thank you so much for your help 😃!

/Jessica

There are a few different solutions in here:

https://tarantula-moose-4t3r.squarespace.com/?noredirect

You can use this code to Website > Website Tools > Custom CSS. Replace Pixabay with your new version logo url

body[class*="type-blog"].view-item header#header img {
    content: url(https://cdn.pixabay.com/photo/2024/02/14/13/13/hamburg-8573427_1280.jpg);
}