WhompWorld Posted June 1, 2023 Posted June 1, 2023 Hello - is it possible to change the color of an accordion if someone hovers over a title in an accordion? ex site: https://www.halsadesign.com/services
Ziggy Posted June 2, 2023 Posted June 2, 2023 Yes, certainly possible, can you share the site you want to do this on? What do you want to change colour? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
WhompWorld Posted June 2, 2023 Author Posted June 2, 2023 Thank you! The site and page is: https://www.halsadesign.com/services Hex: 918A6F
Ziggy Posted June 2, 2023 Posted June 2, 2023 2 hours ago, WhompWorld said: Thank you! The site and page is: https://www.halsadesign.com/services Hex: 918A6F Thanks, but what do you want to change colour? The text, the background of the title or the description? The whole accordion? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
WhompWorld Posted June 2, 2023 Author Posted June 2, 2023 oh sorry! the Text to change and the Icon as you hover over the line.
Solution Ziggy Posted June 5, 2023 Solution Posted June 5, 2023 Here you go: .accordion-item, .accordion-item__title, .accordion-icon-container { transition:all ease-in-out 300ms; } .accordion-item:hover { .accordion-item__title, .accordion-icon-container { color:#918A6F; } } .accordion-item[data-is-open="true"] { .accordion-item__title, .accordion-icon-container { color:#918A6F; } } tuanphan and WhompWorld 2 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
queenweaver Posted July 25 Posted July 25 Where do I put this code? The advanced code section of the page settings? Or is there a way to add a code to a specific element on the page?
Ziggy Posted July 26 Posted July 26 12 hours ago, queenweaver said: Where do I put this code? The advanced code section of the page settings? Or is there a way to add a code to a specific element on the page? This code was written to go in Custom CSS, but with modifications it could be put into the page header code injection. Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 📈 SEO Space (Referral link) Ⓜ️ Will Myers' Plugins & Tutorials (Referral link) 🔌 Ghost Squarespace Plugins (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee?
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment