lostinheadguy

Site URL: https://fiddle-calliope-dcmk.squarespace.com

Hey everyone -

I'm working on my website that typically uses a white logo and white text over an image background.

However, when I go to make a blog post, it switches to black text for the header over a white background, which makes the logo invisible. What I'm looking to do is either:

• Invert my logo (or use a different image for it) on blog posts ONLY, not the blog landing page
• Allow for blog posts ONLY, not the blog landing page, to use a header with a background image or solid colored background with white text.

https://fiddle-calliope-dcmk.squarespace.com/insights

Password is ThemeParks12345

I really want to avoid doing this with code injection because I would need to upgrade my plan.

EDIT: I was successfully able to get it to work with the following custom CSS, but unfortunately it also inverts the logo on my blog's landing page:

Quote

[class*='collection-type-blog']  .header-title-logo img {
  filter: invert()
}

I'd still like to know how to get the blog post headers to have a background image like the other pages of my site, or a solid color on the blog posts only.

I'm on 7.1.

Thanks!