Invert logo color on blog posts only

Site URL: https://www.riverstonechurch.net/

I've noticed some code in other posts but have had no luck getting this to work.  My logo is white and I need it to change on the blog posts to black to navigate back to the home page.  Can someone please help me get the right code to invert the color?  Thanks in advance.

https://www.riverstonechurch.net/sermons is where I am using the blog post style.

13 minutes ago, rmccready said:

Site URL: https://www.riverstonechurch.net/

I've noticed some code in other posts but have had no luck getting this to work.  My logo is white and I need it to change on the blog posts to black to navigate back to the home page.  Can someone please help me get the right code to invert the color?  Thanks in advance.

https://www.riverstonechurch.net/sermons is where I am using the blog post style.

Try this custom css

.collection-type-blog .Header-inner img {
  filter: invert();
}

That did it, Bangank36!  Thank you so much for your help, I really appreciate it.

Hi! I am having the same issue. The problem is that my blog posts don't have a collection-type-blog class. They do have a collection-type-blog-basic-grid class but that also targets the blog overview page (where the list of individual blog posts appears). Any tips on how to get just the individual blog post pages? 

@MarHigh this may work for you: https://christyprice.com/squarespace-tips-tricks/how-to-invert-logo-color-blog-post

7 minutes ago, christyprice said:

@MarHigh this may work for you: https://christyprice.com/squarespace-tips-tricks/how-to-invert-logo-color-blog-post

That works! Thank you!

2 hours ago, MarHigh said:

Hi! I am having the same issue. The problem is that my blog posts don't have a collection-type-blog class. They do have a collection-type-blog-basic-grid class but that also targets the blog overview page (where the list of individual blog posts appears). Any tips on how to get just the individual blog post pages? 

What is your site

On 12/21/2020 at 10:45 PM, christyprice said:

@MarHigh this may work for you: https://christyprice.com/squarespace-tips-tricks/how-to-invert-logo-color-blog-post

Hello and thanks for the tip! In my case it seems to work just on desktop resolution. My mobile logo still remain white colored.

2 hours ago, lazzaisenough said:

Hello and thanks for the tip! In my case it seems to work just on desktop resolution. My mobile logo still remain white colored.

What is your site url