Change Sliding Color for Button Hover

Solved
Tourist
3 1 0

Hi, all the buttons on my site have a color that slides from orange to white when one hovers over it. I'd like to disable that and for the button to remain orange. Can someone help me with that? I'm a coding novice. Here's a link: https://u9bylrmnu0e4gjft-9678848096.shopifypreview.com/collections/coffees-from-hawaii/products/kau-...

Thanks for your help!

0 Likes

Hello 

Please share your site url correctly so that i can check and let you know.

I am not able to open your site.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
3 1 0
It's not live yet, but you can view it at
bigislandcoffeeroasters.myshopify.com. If it asks for a code, use the word
coffee.
0 Likes

Success.

@Kelleigh,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

 .Button:not([disabled])::before,
 .shopify-payment-button__button--unbranded:not([disabled])::before,
 #shopify-product-reviews .spr-summary-actions-newreview:not([disabled])::before,
 #shopify-product-reviews .spr-button-primary:not(input):not([disabled])::before,
 #shopify-product-reviews input.spr-button-primary:not([disabled])::before,
 #shopify-product-reviews .spr-pagination-prev>a:not([disabled])::before,
 #shopify-product-reviews .spr-pagination-next>a:not([disabled])::before {
  transition:unset !important;
 }
 .Button--primary:not([disabled]):hover,
 .shopify-payment-button__button--unbranded:not([disabled]):hover,
 #shopify-product-reviews .spr-summary-actions-newreview:not([disabled]):hover,
 #shopify-product-reviews .spr-button-primary:not([disabled]):hover:not(input) {
  color:#fff;
  background-color:#f49020;
 }
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like

Success.

Tourist
3 1 0

that worked! fantastic. thanks so much!

0 Likes