Changing Logo Color on Different Site Pages

body:not(.homepage) .header-title-logo {
    filter: invert(1);
}

On 1/8/2021 at 5:20 AM, marionlesso said:

Hello, I would love some support as well for the website : https://www.run-wise.com/

I was able to change it on the Blog page by adding this code: 
 

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

I would love to do the same for the "contact" page. 

Thanks 🙂

Use this code

body#collection-5ee7b45d50d50c4af62fba5b .header-title-logo img {
    filter: invert();
    -webkit-filter: invert();
}

Please put the white logo back on your site and I can give you the code to fix it on the other pages.

Thank you for reaching out to help me with this. Ok I have added back the white logo which shows up on the main page, but is washed out on the blog and contact pages. 

Thank you so much! That worked!

Hi, @rwp I have the same question. Any chance you are able to help?

Need a link to your page.

@rwp

https://www.city2seabelle.com/blog/chapter-1

Hi, I have the same question. But, I'd like to know how I can make the logo invert back when on a white page (which I have used twice alongside the homepage) - is there a way to make the invert only happen on black background pages?

On 12/14/2020 at 10:45 PM, OCD_Olly said:

Hi, I have the same question. But, I'd like to know how I can make the logo invert back when on a white page (which I have used twice alongside the homepage) - is there a way to make the invert only happen on black background pages?

Can you share page url? We can check easier

Hello, I would love some support as well for the website : https://www.run-wise.com/

I was able to change it on the Blog page by adding this code: 
 

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

I would love to do the same for the "contact" page. 

Thanks 🙂