Liquid, JavaScript, themes, sales channels
Hi Shopify community,
I made some changes to my theme code some time ago and since then, the outline of the add to cart button on my product pages dissapears on hover. Here's a product page for reference.
Any help would be appreciated to restore the outline on hover.
Thanks
Seb
Solved! Go to the solution
This is an accepted solution.
Hi @survivalsquadau ,
Try this one.
button.product-form__submit.button.button--full-width.button--secondary:hover {
border: 1px solid #1B8649;
}
Result:
This is the result when it hover. There is a border-radius in your base.css for this button. If you dont like this radius you can take out by finding the code and remove.
i hope it help.
This is an accepted solution.
Hi @survivalsquadau ,
Try this one.
button.product-form__submit.button.button--full-width.button--secondary:hover {
border: 1px solid #1B8649;
}
Result:
This is the result when it hover. There is a border-radius in your base.css for this button. If you dont like this radius you can take out by finding the code and remove.
i hope it help.
Thanks @Made4uo-Ribe. That worked, but I wanted to ask if you could help with stopping the button from becoming rounded on hover? A lot of my other buttons are rounded so I need to find a way to only apply this change to these kind of buttons?
Thanks.
Try this one. Same instruction. Thats is also my concern when I give you the code.
.button {
border-radius: 0px !important;
}
User | RANK |
---|---|
38 | |
29 | |
13 | |
11 | |
8 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023