madseason Posted September 28, 2022 Share Posted September 28, 2022 Hello, Need assistance finishing out the below hover button code. I would like for the button to stay 100% black when it's not being hovered and 100% black when it is being hovered. The only hover effect is for a white border to go around the perimeter. Text of the button should be white. /* add to cart button color */ .sqs-product-quick-view-content .sqs-add-to-cart-button {background-color: #000000!important} Link to comment
Beyondspace Posted September 28, 2022 Share Posted September 28, 2022 3 minutes ago, madseason said: Hello, Need assistance finishing out the below hover button code. I would like for the button to stay 100% black when it's not being hovered and 100% black when it is being hovered. The only hover effect is for a white border to go around the perimeter. Text of the button should be white. /* add to cart button color */ .sqs-product-quick-view-content .sqs-add-to-cart-button {background-color: #000000!important} Can you share your site with the protected password so I can have a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Ziggy Posted September 29, 2022 Share Posted September 29, 2022 To change the hover effects try this that should keep the button black and 100% opacity when hovered. .sqs-product-quick-view-content .sqs-add-to-cart-button {background-color: #000000!important} .sqs-product-quick-view-content .sqs-add-to-cart-button:hover {background-color: #000000!important; opacity:100% !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! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
madseason Posted September 29, 2022 Author Share Posted September 29, 2022 No change. Still coming up blue on hover. Link to comment
tuanphan Posted September 30, 2022 Share Posted September 30, 2022 13 hours ago, madseason said: No change. Still coming up blue on hover. Can you share link to page where you have problem? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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