Fat_Bird_Creative Posted May 3 Share Posted May 3 Hello, I'm trying to change all of the colors of my buttons on hover using this code, but its not working for some reason. I know the buttons are being targeted because if I add a shadow, it shows. So why aren't the colours changing? Code: .sqs-block-button-element:hover { color: #fff !important; background-color: #5f295f !important; } URL: https://www.fatbirdcreative.co.nz/ Note: I have taken out all of my custom CSS and it still does not work. Link to comment
melody495 Posted May 3 Share Posted May 3 3 hours ago, Fat_Bird_Creative said: Hello, I'm trying to change all of the colors of my buttons on hover using this code, but its not working for some reason. Which buttons are not working? Not every button is a .sqs-block-button-element, you seem to have defined your own class sometimes. Your code above would only work on Squarespace buttons. -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
Fat_Bird_Creative Posted May 5 Author Share Posted May 5 On 5/4/2024 at 1:39 AM, melody495 said: Which buttons are not working? Here I've circled the buttons I want to effect. I believe these are Squarespace buttons. The top two are my own code, and the bottom two are forms. Link to comment
Solution DavidStewart Posted May 5 Solution Share Posted May 5 Please us this code : Website > Website Tools > Custom CSS #sections .sqs-block-button .sqs-block-button-element:hover { color: #fff !important; background-color: #5f295f !important; opacity: 1 !important; } Let me know how it goes. yerim-amuhi87 and sawelev_ove26 2 Link to comment
Fat_Bird_Creative Posted May 6 Author Share Posted May 6 23 hours ago, DavidStewart said: Let me know how it goes. Yes that worked! Thank you so much. 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