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? Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio pluginIf you find my answer fit your need, 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 🔌 Ghost Squarespace Plugins (Referral link)📈 SEO Space (Referral link)⬛ SquareWebsites Plugins (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 How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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