Hover for CSS button code:

[prisca107]

I’m using this code (which I love) to create new “buy” button – https://s-plugins.com/customize-stripe-payment-button-appearance-using-css/ But can’t seem to figure out how to add in the hover options for css.

What am I missing?

Test Button: (no working hover) [kellyfennelly.com/asp-products/test-product-1]
Button sample trying to re-create: [kellyfennelly.com/button]

Code:

.my-custom-style-1 {

background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #333233), color-stop(1, #333233));
background:-moz-linear-gradient(top, #333233 5%, #333233 100%);
background:-webkit-linear-gradient(top, #333233 5%, #333233 100%);
background:-o-linear-gradient(top, #333233 5%, #333233 100%);
background:-ms-linear-gradient(top, #333233 5%, #333233 100%);
background:linear-gradient(to bottom, #333233 5%, #333233 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=’#333233′, endColorstr=’#333233′,GradientType=0);
background-color:#333233;
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
border:10px solid #333233;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Raleway;
font-size:16px;
font-weight:regular;
padding:12px 44px;
text-decoration:none;
text-shadow:0px 1px 0px #333233;
hover:#3e8e41;
}

Thanks!

[Admin]

That’s going to be hard to figure out and will need to be handled as a custom job. Instead try the following feature so you can hook the payment process to the button you are creating using your theme:

Using a Text Link Instead of the Buy Now Button Shortcode

[prisca107]

Thank you so much – I’ll try this solution for the client tomorrow!

Thanks!!!

[Author]

Posts