Changing logo image on JUST blog posts

Add to Home > Design > Custom CSS

.collection-type-blog.view-item .Header-branding-logo {
    filter: invert(1);
}

Thank you @tuanphan !!!

@tuanphan Do you happen to know the .collection ID for the store items? I tried switching "blog" to "store" and the logo did not invert.

19 hours ago, DrivenFilms said:

@tuanphan Do you happen to know the .collection ID for the store items? I tried switching "blog" to "store" and the logo did not invert.

Can you share new link?

https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde?hl=en-US

Log url for google squarespace block id extension. 

Hi! I've managed to insert a different logo for my blog page, but it's not working correctly when opening blog posts. Any tips how to do this?

Works here: https://www.tiiupiret.com/equestrian

Not working here: https://www.tiiupiret.com/equestrian/helsinki-horse-fair

Thank you so much, if anyone know how to do this!

1 minute ago, Marik said:

Hi! I've managed to insert a different logo for my blog page, but it's not working correctly when opening blog posts. Any tips how to do this?

Works here: https://www.tiiupiret.com/equestrian

Not working here: https://www.tiiupiret.com/equestrian/helsinki-horse-fair

Thank you so much, if anyone know how to do this!

What is access password?

1 minute ago, tuanphan said:

What is access password?

Puranen2020!

16 minutes ago, Marik said:

Puranen2020!

Use this code

.collection-type-blog-masonry.view-item .header-title-logo img {
        content:url("https://static1.squarespace.com/static/5e661dab385ea60871e3b9ee/t/5e69fc7f530e09007260a4bf/1584004224473/Equestrian.jpg") !important;
        max-height: inherit !important;
}

16 minutes ago, tuanphan said:

.collection-type-blog-masonry.view-item .header-title-logo img { content:url("https://static1.squarespace.com/static/5e661dab385ea60871e3b9ee/t/5e69fc7f530e09007260a4bf/1584004224473/Equestrian.jpg") !important; max-height: inherit !important; }

Thank you so much Tuanphan! Worked perfectly. All the best!

Oh! A new problem occurred. Now the fixed logo is showing on both blog sites when reading posts (I have two different blogs on the site).

I'd want that Equestrian blog and Stories blog would have different logos showing when reading posts.

Any way to fix this? 😭

14 minutes ago, Marik said:

Oh! A new problem occurred. Now the fixed logo is showing on both blog sites when reading posts (I have two different blogs on the site).

I'd want that Equestrian blog and Stories blog would have different logos showing when reading posts.

Any way to fix this? 😭

Add to Page Settings > Advanced > header

<style>
  .collection-type-blog-masonry.view-item .header-title-logo img {
        content:url("https://static1.squarespace.com/static/5e661dab385ea60871e3b9ee/t/5e69fc7f530e09007260a4bf/1584004224473/Equestrian.jpg") !important;
        max-height: inherit !important;
}
</style>

8 minutes ago, tuanphan said:

Add to Page Settings > Advanced > header

<style>
  .collection-type-blog-masonry.view-item .header-title-logo img {
        content:url("https://static1.squarespace.com/static/5e661dab385ea60871e3b9ee/t/5e69fc7f530e09007260a4bf/1584004224473/Equestrian.jpg") !important;
        max-height: inherit !important;
}
</style>

 

Superb! It worked! Thank you so much again!!