Site URL: https://www.cryssycheung.com/
Hello!
I was wondering if it was possible to invert my Header's Logo Image inside of individual project-pages within the portfolio collection.
My default header logo image is a PNG that is black with transparency.
Main site URL : https://www.cryssycheung.com/
Here is a link with the first section with a dark background graphic, and the default black logo image is getting lost. I'd love to have the logo image inverted to white for this instance: https://www.cryssycheung.com/design/comedy-central
I found this CSS in another form and inputted it into the DESIGN > CUSTOM CSS, but it doesn't work. The collection ID in the code below is the id I took from the View page Source <body> tag.
#collection-5ffa3958a6aa4755bbc2260d .header-title-logo img {
-webkit-filter: invert(100%);
filter: invert(1);
}
Thanks so much for taking a look!
Cryssy