I want to remove the hover effect in the sold-out button.
In the below screenshot I have hovered on the Sold Out button in the existing border is getting removed. I don’t want any changes to be made in it
Would you mind to share your store URL website, with password if its protected? Thanks!
There is no password
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag
.underlined-link:hover, .customer a:hover {
color: none;
text-decoration: none;
}
If I managed to help you then, don’t forget to Like it and Mark it as Solutions.
Nothing has changed
@swayurindia On hover underline disapears and font weight remain same as original.. what you want on hover?tell me i will do that
I want to remove the hover effect in SOLD OUT button please read the problem carefully. Whenever customers hover on it the border should not disappear infact it should remain just like that.
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag
button.quick-add__submit[disabled]:hover {
border: inherit;
}
If I managed to help you then, don’t forget to Like it and Mark it as Solutions.
Hi @swayurindia
Please add this code
.quick-add button.quick-add__submit:hover::after { border: 1px solid #e8e8e8 !important; }
It is working
But another issue over here is that there is another border appearing when hovering on In-Stock product’s Add to Cart button:
Check out this sample website link: https://www.jiomart.com/c/groceries/2 in this whenever we hover on add to cart button then over there, another blue colored border is appeared (the existing border is getting replaced by dark blue color)
Please try to use this code instead of
.quick-add button.quick-add__submit:after { border: 1px solid #e8e8e8 !important; }