Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I want to remove hover from sold out button. Website link: www.swayur.com
In this you can see that when I hover on sold out button it is showing the border same like when I hover on Add to Cart button. I want to remove the border from sold out button
Solved! Go to the solution
This is an accepted solution.
Hello @swayurindia
Its Artzen Technologies! We will be happy to help you today.
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Assets folder -> theme.liquid file.
Add the following code in the bottom of the file above </body> tag
<style>
button.quick-add__submit[disabled]:hover {
border: none !important;
}
</style>
Let me know if need further assistance
Regards,
Artzen Technologies
hi @swayurindia
Its SideNode! We will be happy to help you today.
You can try this code: it will be helpful to you
Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.
button.quick-add__submit:disabled:hover {
border: none!important;
}
If I was able to assist you, please remember to give it a Like and Mark it as the Solution!
Let me know if need further assistance
Regards,
SideNode
Still the hover has not been removed.
Please help me out with some other code
Also below is the link of another problem which I am facing I hope you can help out:
Hello @swayurindia
Its Artzen Technologies! We will be happy to help you today.
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Assets folder -> theme.liquid file.
Add the following code in the bottom of the file above </body> tag
<style>
button.quick-add__submit[disabled]:hover {
border: none !important;
}
</style>
try this one
Let me know if need further assistance
Regards,
Artzen Technologies
please accept the solution if your issue solved
This is an accepted solution.
Hello @swayurindia
Its Artzen Technologies! We will be happy to help you today.
You can try to follow these steps:
Go to Online Store -> Themes -> Actions -> Edit code.
Go Assets folder -> theme.liquid file.
Add the following code in the bottom of the file above </body> tag
<style>
button.quick-add__submit[disabled]:hover {
border: none !important;
}
</style>
Let me know if need further assistance
Regards,
Artzen Technologies
Please help me out in this issue as well
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025