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

<style>
.header-title-logo img {
     filter: invert(1);
   }
</style>

Edit to this

<style>
.view-item .header-title-logo img {
     filter: invert(1);
   }
</style>

 

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.