Jump to content

Can I make my logo green on certain pages?

Recommended Posts

Do you want just the logo to appear green, or the logo and text?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

Changing the logo would take a little more work, but this styling (added to the header code injection for the pages you need it) will change the logo to black and the navigation links to green.

<style>
.Header-branding img {
  filter:invert(1);
}
.tweak-header-primary-nav-hover-style-plain .Header-nav .Header-nav-item {
    color: #193314;
}
</style>

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

You can use this forum thread to grab some code to help you change the logo, it'll involve uploading a new green logo to your website via a link or Custom CSS and some CSS.

https://forum.squarespace.com/topic/150723-how-to-change-logo-on-specific-pages-in-71/

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
22 minutes ago, Ziggy said:

(added to the header code injection for the pages you need it)

Add the code to the header code injection on the pages you need (in the pages settings and under Advanced) including the Store page, adding it to the store header code injection will apply to all of the products.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment
On 10/31/2022 at 6:42 PM, Plantology said:

Thank you. I don't want it to apply to my main store page.. just the individual product pages. Is there a way to allow for this to happen?

For example...

https://www.plantologyflorist.co.uk/shop-flowers – Logo needs to be white on here but then green on the individual products - https://www.plantologyflorist.co.uk/shop-flowers/devonshire-green-bouquet-spring-2021-xb37a-r8xf7-8fcj7

Use this new code

<style>
body.view-item .Header-branding img {
  filter:invert(1);
}
body.view-item .Header-nav .Header-nav-item {
    color: #193314;
}
</style>

 

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

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.