Lesson pages Logo

@ElliotS Your logo has been set up using custom code. If you add the header logo image in your Squarespace site editor, you can use the code from the first option to change the logo to black when the page is white. The code options below can be applied to all other pages, including the lessons page.

First option: First, add your logo image in the header, remove or disable any existing custom code related to the logo, and then add this code in Website > Pages > Website Tools > Custom CSS. This option involves using less code.

#item-6692fc9ad71fc366cb084189 {
.header-title-logo img {
 filter: brightness(0) invert(1);
}
}

Second Option: Add your header logo image using custom code, which is your current approach. Add this code in Website > Pages > Website Tools > Custom CSS

#item-6692fc9ad71fc366cb084189 {
div.header-title-logo a {   
    content: url('add-your-image-url-here') !important;
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
}
}

In both options, you need to add the page ID for the page where you want to use a different logo. For other pages where you want to change the logo, simply add the page ID to the code options, followed by a comma. In both code blocks above, I used the page ID #item-6692fc9ad71fc366cb084189 of the first lessons page.

You might find this tool useful for locating the page ID: Squarespace ID Finder

Hope that helps.