Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
wossy

Site logo colour/version change for different pages and mobile?

Question

Please can someone help us :-) with out draft website design for a new Nordic inspired holiday home >> https://fennel-dragonfly-prjz.squarespace.com

Our 'Nordic Farmhouse' logo is white on the home page on a full image but we'd like a black or grey version on the other pages as the white doesn't show up on a white background obviously.

I've been given this answer by support, when I paste this CSS code in my white logo turns black on the homepage and I want it to turn black on other pages? Is there an easy way to update the code for only the pages I'd like to invert the colour?

Answer provided by SS support >>

https://answers.squarespace.com/questions/204948/changing-logo-colour-on-different-page.html

ie can I update the first line from .homepage .Header-branding-logo { to .gallery...etc for example? I can't work it out?

.homepage .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); }

Edited by wossy
Initial Revision

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

@wossy Each page have different ID (It will be body#abcxyz098234098345). You can replace .homepage with Page ID.

See how to find Page ID. https://beaverhero.com/squarespace-how-to/#HowtoFindPageID


You can send your question to my email to get faster answer. / How to Setup Password & Share URL 

-- I'm Tuan. I work for a non-profit project (build free libraries). I check the forum once or twice a day to help out the community. If you don't see me answering your question, you can send it to the email above. There are so many questions every day so I can't answer them all at once, I will try to answer them in the next few days.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...