davebradshaw Posted February 20 Share Posted February 20 Hi there, I have a custom 'social icon' on my site that sits as black on every page, however I need to invert it to white for the 'Youth' Page. Can't seem to figure our a way of doing this - have tried multiple options, and even uploaded a white version of the logo, however can't seem to figure out how to make this happen. Any help much appreciated! Thanks! Link to comment
Ziggy Posted February 20 Share Posted February 20 Can you share your website URL? Thanks! 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) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
davebradshaw Posted February 20 Author Share Posted February 20 https://sailfish-tiger-cnwr.squarespace.com/services-2-1 🙂 Link to comment
Solution Ziggy Posted February 20 Solution Share Posted February 20 Add this to your Custom CSS: #collection-63f00c0f7b07a654cce15eee { .icon--fill:nth-of-type(1) { filter: invert(1); } } Let me know if that works! davebradshaw 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) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
davebradshaw Posted February 20 Author Share Posted February 20 Incredible. thank you! Link to comment
davebradshaw Posted February 20 Author Share Posted February 20 Just occurred to me that it doesn't change on the mobile menu, is there an option for doing that too? Link to comment
Ziggy Posted February 20 Share Posted February 20 4 minutes ago, davebradshaw said: Just occurred to me that it doesn't change on the mobile menu, is there an option for doing that too? For that you need to add this: #collection-63f00c0f7b07a654cce15eee { .header-menu-actions-action:nth-of-type(1) { filter: invert(1); } } Can you mark my post as the solution to this thread and give my posts a thumbs up? Thanks! davebradshaw 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) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? 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