Jump to content

Single out portfolio landing page to invert site logo in 7.1

Recommended Posts

Hi, I'd like to invert the site logo from white to black on this specific page:

https://www.glpfilms.com/work

It's currently there, but not visible since it's white on white. The issue with inverting with the custom code injection in Advanced is that it affects the individual portfolio pages, where I'd like to maintain a white logo.

So looking for a way to single out the inversion on the portfolio landing page only. This is a 7.1 site. Thanks!

Edited by GLP_Films
redundant
Link to comment

Add the following to Design > Custom CSS.

#collection-6144ae52f7f7512cf5e50ec5 .header-title-logo img

   {
    
    filter : invert( 1 );
    
    }

This is for a v7.1 site and specific to the poster's need.

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.