Remove button border on hover

Store Design
, ,
1

Hi,

I would like to remove the borders of this button on hover and in general on my cart page, without changing it for other pages as well. Can anyone help with the css code ?

Daniel19901_0-1742891319905.png
Daniel19901_0-1742891319905.png821×729 13.8 KB

1 Like
2

Hey @Daniel19901

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1742892117847.png
Moeed_0-1742892117847.png702×692 12.7 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3 
:hover::after {
    box-shadow: none !important;
}

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution

MustafA16_0-1742892706891.png
MustafA16_0-1742892706891.png623×531 11.8 KB

4

Hello @Daniel19901
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

.button:not([disabled]):hover:after, {
--border-offset: 0px;
}

Thanks