Change Sliding Color for Button Hover

Solved
New Member
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
Highlighted

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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
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
Custom Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like

Success.

New Member
3 1 0

that worked! fantastic. thanks so much!

0 Likes