cryssy
-
Posts
2 -
Joined
-
Last visited
Content Type
Forums
Downloads
Store
Events
Blogs
Gallery
Profiles
Posts posted by cryssy
-
-
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-centralI 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
Invert a header logo image inside Portfolio Collection's Project-Pages (ver 7.1)
in Customize with code
Posted
That worked! Thank you, @bangank36! Also, thanks for linking the extension - will have to do this for a few pages so that is perfect. 😀