I want to remove hover from sold out button

Solved

I want to remove hover from sold out button

swayurindia
Excursionist
144 0 9

I want to remove hover from sold out button. Website link: www.swayur.comJioMart - Google Chrome 14-09-2023 11_04_51.png

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

Accepted Solution (1)

Artzen_tech
Shopify Partner
555 114 111

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

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

View solution in original post

Replies 6 (6)

SideNode
Shopify Partner
159 38 42

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

 

If helpful, please Like and Accept this Solution to help others
SHOPIFY APP DEVELOPMENT | BOOK FREE SHOPIFY CONSULTATION
swayurindia
Excursionist
144 0 9

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:

https://community.shopify.com/c/technical-q-a/i-want-make-changes-in-hover-of-add-to-cart-button/td-...

Artzen_tech
Shopify Partner
555 114 111

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

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
Artzen_tech
Shopify Partner
555 114 111

please accept the solution if your issue solved

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify

Artzen_tech
Shopify Partner
555 114 111

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

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
swayurindia
Excursionist
144 0 9