nsk2023 Posted March 9, 2023 Share Posted March 9, 2023 Hi awesome community. I have a question that I hope you can help me with. On my contact page I've created 3 hyper links or links. Does anyone know how I can change their color when someone hovers over them? Thks you guys in advance. Link to comment
Ziggy Posted March 9, 2023 Share Posted March 9, 2023 Can you share the URL and page? 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? Link to comment
nsk2023 Posted March 9, 2023 Author Share Posted March 9, 2023 hey ziggy. im so sorry i thought i already did. here it is https://www.niklaskristensen.com/contact Link to comment
Ziggy Posted March 9, 2023 Share Posted March 9, 2023 Try adding this to Custom CSS: #block-ee4609f2bfd661e57bcb { p a:hover { color:#ff94a6 !important; } } 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? Link to comment
nsk2023 Posted March 9, 2023 Author Share Posted March 9, 2023 just added the code but nothing sadly happens Link to comment
Solution Ziggy Posted March 9, 2023 Solution Share Posted March 9, 2023 Try this without the p: #block-ee4609f2bfd661e57bcb { a:hover { color:#ff94a6 !important; } } nsk2023 1 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? Link to comment
nsk2023 Posted March 9, 2023 Author Share Posted March 9, 2023 hey ziggy. that sadly didnt work either. Link to comment
Ziggy Posted March 9, 2023 Share Posted March 9, 2023 Strange, try this instead: section[data-section-id="63e119a72480d26f2155fbee"] { a:hover { color:#ff94a6 !important; } } 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? Link to comment
nsk2023 Posted March 9, 2023 Author Share Posted March 9, 2023 i really appreciate all the help but that sadly didnt work either 🙂 Link to comment
Ziggy Posted March 9, 2023 Share Posted March 9, 2023 That's really confusing, all of them work in my testing, do you have any CSS that might be conflicting? 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? Link to comment
nsk2023 Posted March 9, 2023 Author Share Posted March 9, 2023 ah okay. Here are all the CCS that i have implemented header a { background-image: none !important; } /* Nav item color */ .header-nav-item a { color: #aeaeae !important; transition-duration: 0.4s; } /* Nav item hover color */ .header-nav-item a:hover { color: #FF92A5 !important; transition-duration: 0.4s; } /* Nav item active color */ .header-nav-item--active a { color: #4a4a4a !important; } .header-layout-nav-right .header-nav { margin-right: 70px; } @media only screen and (min-width:768px) { .grid-item:nth-child(odd) { margin-top: 0px; } .grid-item:nth-child(even) { margin-top: -50px; } } .item-pagination-link:hover .item-pagination-icon svg { stroke: #FF92A5 !important; } .item-pagination-link:hover .item-pagination-title { color: #FF92A5 !important; } p.sqsrte-small a:hover { color: #FF92A5 !important; } Link to comment
nsk2023 Posted March 10, 2023 Author Share Posted March 10, 2023 @Ziggy did my CCS help you why I'm having this problem? 🙂 Link to comment
Ziggy Posted March 10, 2023 Share Posted March 10, 2023 My guess would be this is causing the problem: p.sqsrte-small a:hover { color: #FF92A5 !important;} 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? Link to comment
nsk2023 Posted March 10, 2023 Author Share Posted March 10, 2023 cool thanks, tried to remove that code and replace it with all your suggestions, but it still doesn't change sadly. thanks for all your help though. Link to comment
nsk2023 Posted March 10, 2023 Author Share Posted March 10, 2023 @Ziggy deleted the old block and placed it with a new one and added your CSS p a:hover { color: #FF92A5 !important; } and now it works. so thank you yet again so much for all your help. Ziggy 1 Link to comment
Ziggy Posted March 10, 2023 Share Posted March 10, 2023 Brilliant! Could you mark my post as the solution to your question, and give a thumbs up? Thanks! 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? 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