Jump to content

Change Colour of logo on product page

Recommended Posts

Site URL: https://sphere-hexahedron-xb8t.squarespace.com/

Hi guys, can't seem to find a solution to this I think it may be related to my design.

my sites logo is white, and works fluently throughout although my only problem is with my current template im unable to add a header image to the product page, meaning my logo is white against the white background, do I need to add some custom CSS to invert the colours, or is it possible to have my main header image appear in the product page also?


Thanks in advance.

Link to comment
  • Replies 3
  • Views 405
  • Created
  • Last Reply
  • 2 months later...
14 hours ago, TheXLStudio said:

I am also looking for a fix for this. Here is a link to the product details page https://www.thexlstudio.com/studio/personal-profile

I am able to invert the header image with the code below, but this adjusts it on the store page as well. Perhaps I have injected the code in the wrong place? 

.header-title-logo img {
     filter: invert(1);

Edit to this

.view-item .header-title-logo img {
     filter: invert(1);


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

  • 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.