Logo Is Inverted on Some Pages and Not Others

When I uploaded our new logo to the header, it was inverted. I couldn't fix that - so as a workaround, I inverted it and uploaded it.

Now it looks correct on the landing page (gold) https://www.doorknobcomments.com/

But on the other pages, it is inverted (blue) https://www.doorknobcomments.com/about

Anyone know what this is and how to fix it?

TIA for any input!

You have some custom code added to your website that is inverting the logo, it looks roughly like this:

.header-title-logo img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

Look in Custom CSS and the homepage Settings -> Advanced -> Code Injection and remove it, then revert to the original logo.

Thanks so much Zygmunt - that was the right fix. I wonder why the developer put that there and how they had the prior logo look correct...

On 9/23/2023 at 1:58 PM, GHB said:

I wonder why the developer put that there and how they had the prior logo look correct...

Great question, I'm really not sure what they were trying to do.