Customize logo appearance on a blog page template

Site URL: https://www.tailorinc.co.nz/news

Hi there,

I am needing help in changing just the appearance of my logo on the blog page of my website

https://www.tailorinc.co.nz/news

The rest of the pages have the white logo showing which allows the blog post page to appear as if there is no logo present. 

I would like to have the logo on just this page as blue. Please let me know how I can code this! 

Thank you so much 

Add to Design > Custom CSS

body[class*="collection-type-blog"] .header-title-logo img {
    filter: invert(1);
    -webkit-filter: invert(1);
}

Thanks heaps @tuanphan

Always appreciate your help. 

Your code worked perfectly! However, I would love to have the logo displayed in our brand colour, blue. 

I have attached the logo here, would this be something that you could embed and resent the code?

Happy to follow your instructions. 

Thanks as always!

4 hours ago, Youjinahh said:

Thanks heaps @tuanphan

Always appreciate your help. 

Your code worked perfectly! However, I would love to have the logo displayed in our brand colour, blue. 

I have attached the logo here, would this be something that you could embed and resent the code?

Happy to follow your instructions. 

Thanks as always!

Try this new code

body[class*="collection-type-blog"] .header-title-logo img {
    content: url(https://content.invisioncic.com/p289038/monthly_2022_05/1283743337_TailorIncbluelogo.thumb.png.8c8a9ebc73f965c0d132455f47f20cb7.png);
}

You are amazing!
It worked perfectly!

Thank you so much 🙂