The correct collection id is
#item-5ffa3958a6aa4755bbc2260d .header-title-logo img {
-webkit-filter: invert(100%);
filter: invert(1);
}
Use this to get the id of the item
Chrome Web Store - Extensions (google.com)
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
cryssy got a reaction from Beyondspace in Invert a header logo image inside Portfolio Collection's Project-Pages (ver 7.1)
