vamboracreative Posted February 22 Share Posted February 22 I have this code in my css, but it is not working. h1 a:hover { color: #0a933a !important; } Just looking to change my text color in a hover state. Link to comment
Ziggy Posted February 23 Share Posted February 23 Can you share your website URL? 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
vamboracreative Posted February 28 Author Share Posted February 28 https://tarpon-garlic-ndwr.squarespace.com pw: vambora Link to comment
Ziggy Posted February 28 Share Posted February 28 I'm not sure why that CSS is not working for you, do you have any other Custom CSS on your website? 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
vamboracreative Posted February 28 Author Share Posted February 28 This is the code I currently have. Link to comment
Ziggy Posted March 1 Share Posted March 1 I can't see any issues that would stop your code from working, though you are using !important quite a lot, it's best to only use that sparingly or it can be more likely to interfere with other code, though I don't think that's the problem here. Can you add the h1 hover code to your CSS and let me know here when you have done that? 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
vamboracreative Posted March 2 Author Share Posted March 2 Just added this: h1 a:hover { color: #2A4CE1 !important; } I tried removing a few "!important" but then other things stopped working. Are there specific ones I should delete? Link to comment
Ziggy Posted March 3 Share Posted March 3 15 hours ago, vamboracreative said: I tried removing a few "!important" but then other things stopped working. Are there specific ones I should delete? Use them just where absolutely necessary, often when an !important does work, there is a better way to target the code which doesn't need the "strongarming" of an !important. Couple of options to try in CSS: h1 a span:hover { color: #2A4CE1; } OR h1 a:hover span { color: #2A4CE1; } 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment