Jump to content

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

Recommended Posts

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'); }

Link to comment
  • Replies 1
  • Created
  • Last Reply

@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

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

Archived

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.