Plantology Posted October 31, 2022 Share Posted October 31, 2022 Hi there, I'm hoping for my logo to show green on these pages if you could help me? https://www.plantologyflorist.co.uk/workshops https://www.plantologyflorist.co.uk/sustainability https://www.plantologyflorist.co.uk/shop-gifts-homeware/flower-press (and all my other individual product pages) Many thanks Link to comment
Ziggy Posted October 31, 2022 Share Posted October 31, 2022 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 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Ziggy Posted October 31, 2022 Share Posted October 31, 2022 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 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Ziggy Posted October 31, 2022 Share Posted October 31, 2022 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/ Plantology 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Plantology Posted October 31, 2022 Author Share Posted October 31, 2022 Yes the logo and the text. Thank you for your reply - how do I add only for the pages that need it? And will I have to manually do every individual product page? Link to comment
Ziggy Posted October 31, 2022 Share Posted October 31, 2022 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 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (Referral link)☕ Did I help? Buy me a coffee? Link to comment
Plantology Posted October 31, 2022 Author Share Posted October 31, 2022 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 Link to comment
tuanphan Posted November 4, 2022 Share Posted November 4, 2022 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 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment