Invert Logo on Pages with Lighter colored header sections on 7.1

Site URL: https://brambledesign.squarespace.com/

Hi everyone, I'm looking to invert my white logo on pages that have lighter header sections and on blog post pages.

Thanks in advance!

pw: hello

17 hours ago, MJohn said:

Site URL: https://brambledesign.squarespace.com/

Hi everyone, I'm looking to invert my white logo on pages that have lighter header sections and on blog post pages.

Thanks in advance!

pw: hello

With blog posts, add this to Design > Custom CSS

/* Blog posts logo */
body[class*="collection-type-blog"].view-item header#header img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

With other pages, add this to Page Header

<style>
  header#header img {
    filter: invert(1);
    -webkit-filter: invert(1);
}
</style>