Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Changing logo image on JUST blog posts


DrivenFilms

Question

Site URL: https://www.drivenfilms.tv/blog/driven-films-goes-to-trc-street-kings-2020

Hello, I'm currently using the Polaris family template for my website and have recently setup a blog. Unfortunately I am seeing that all of my blog posts (not the main blog page) have no header image, thus making my white logo...invisible. Is it possible to upload a black version of my logo JUST for the individual blog posts?

Link to post
  • Answers 13
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Home > Design > Custom CSS .collection-type-blog.view-item .Header-branding-logo { filter: invert(1); }  

13 answers to this question

Recommended Posts

  • 0

Add to Home > Design > Custom CSS

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

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
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?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
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?

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
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;
}

 

Edited by tuanphan

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
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!

Link to post
  • 0

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? 😭

Link to post
  • 0
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>

 

You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan, work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. 

Link to post
  • 0
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!!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...