Debut Theme: how to remove button hover animation

On the Debut theme, whenever you hover over a button you can notice the button changes color. Depending on the type of design you're going after this can prove to be much more of a hindrance rather than a feature.

With that in mind, in this tutorial I'll teach you how to quickly get rid of it.

Adding the code to your theme

1. In your Shopify admin, navigate to Online Store > Themes > Actions > Edit Code.
   
   
2. Find a file called theme.liquid.
3. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
4. Paste this code right above the tag (click here to grab the code)
5. Save the file and you're ready to go.

What to do if it's showing a different color instead of removing the hover

By default, all buttons hover animations need a background color. This code will automatically use the original button's color (or whichever color you chose on the Debut customize page).

However, on earlier versions of the Debut theme it may fail to automatically pick the original button's color and you'll need to set it manually. Simply replace the #3a3a3a in the code with your button's default HEX color.