White text logo w/ transparent background turns black on all pages in site header

I have tried a few things to see what's going on with my logo. I tested it on other applications and even dropping it onto a different piece of webpage as an image and it worked fine with white text and transparent background. The logo file is .PNG created with Canva. Is it possible my theme may have restrictions for logo colour? I have tried changing the background colour/colour scheme beneath the black and white photo as well. Any advice is appreciated 🙂

Hi,

What is site url? We can check easier

Thanks a bunch! https://www.sarareid.com/
 

On 7/6/2023 at 9:23 AM, sreidphoto said:

Thanks a bunch! https://www.sarareid.com/
 

You mean change Logo to white on Homepage only?

If yes, add this to Design > Custom CSS

body.homepage header#header img {
    filter: invert(0);
    -webkit-filter: invert(0);
}

Not entirely but that would be helpful if it works. The file itself is white with a transparent background and I can't figure out why it turns black in the heading automatically.

Attached is the logo file that shows up fine on other backgrounds if I just insert it as an image.

On 7/7/2023 at 10:13 PM, sreidphoto said:

Not entirely but that would be helpful if it works. The file itself is white with a transparent background and I can't figure out why it turns black in the heading automatically.

It turns black because you used this CSS code

Oh okay thank you. That must have been input when I had the theme added. How would I go about changing this?

On 7/11/2023 at 12:16 AM, sreidphoto said:

Oh okay thank you. That must have been input when I had the theme added. How would I go about changing this?

 

You can change it to 0%