rmccready Posted December 20, 2020 Share Posted December 20, 2020 Site URL: https://www.riverstonechurch.net/ I've noticed some code in other posts but have had no luck getting this to work. My logo is white and I need it to change on the blog posts to black to navigate back to the home page. Can someone please help me get the right code to invert the color? Thanks in advance. https://www.riverstonechurch.net/sermons is where I am using the blog post style. Link to comment
Beyondspace Posted December 20, 2020 Share Posted December 20, 2020 13 minutes ago, rmccready said: Site URL: https://www.riverstonechurch.net/ I've noticed some code in other posts but have had no luck getting this to work. My logo is white and I need it to change on the blog posts to black to navigate back to the home page. Can someone please help me get the right code to invert the color? Thanks in advance. https://www.riverstonechurch.net/sermons is where I am using the blog post style. Try this custom css .collection-type-blog .Header-inner img { filter: invert(); } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
rmccready Posted December 20, 2020 Author Share Posted December 20, 2020 That did it, Bangank36! Thank you so much for your help, I really appreciate it. Link to comment
MarHigh Posted December 21, 2020 Share Posted December 21, 2020 Hi! I am having the same issue. The problem is that my blog posts don't have a collection-type-blog class. They do have a collection-type-blog-basic-grid class but that also targets the blog overview page (where the list of individual blog posts appears). Any tips on how to get just the individual blog post pages? Link to comment
christyprice Posted December 21, 2020 Share Posted December 21, 2020 @MarHigh this may work for you: https://christyprice.com/squarespace-tips-tricks/how-to-invert-logo-color-blog-post christyprice.com 🇺🇸 Austin, TX US 🐾 ✅ Get my Starter Template for Web Designers 🎬 Watch 7 Ways to Save Time as a Squarespace Designer from Circle Day 2024 🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz) 🎬 Watch It's Not Hard to Say Goodbye: Crafting Client Offboarding from Circle Day 2023 Link to comment
MarHigh Posted December 21, 2020 Share Posted December 21, 2020 7 minutes ago, christyprice said: @MarHigh this may work for you: https://christyprice.com/squarespace-tips-tricks/how-to-invert-logo-color-blog-post That works! Thank you! Link to comment
Beyondspace Posted December 22, 2020 Share Posted December 22, 2020 2 hours ago, MarHigh said: Hi! I am having the same issue. The problem is that my blog posts don't have a collection-type-blog class. They do have a collection-type-blog-basic-grid class but that also targets the blog overview page (where the list of individual blog posts appears). Any tips on how to get just the individual blog post pages? What is your site BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
lazzaisenough Posted March 31, 2021 Share Posted March 31, 2021 On 12/21/2020 at 10:45 PM, christyprice said: @MarHigh this may work for you: https://christyprice.com/squarespace-tips-tricks/how-to-invert-logo-color-blog-post Hello and thanks for the tip! In my case it seems to work just on desktop resolution. My mobile logo still remain white colored. Link to comment
Beyondspace Posted March 31, 2021 Share Posted March 31, 2021 2 hours ago, lazzaisenough said: Hello and thanks for the tip! In my case it seems to work just on desktop resolution. My mobile logo still remain white colored. What is your site url BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.