- This topic has 2 replies, 2 voices, and was last updated 3 years, 7 months ago by .
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.
Stripe payment plugins for your WordPress site
· ·
Home › Forums › Stripe Payments Plugin › Hover for CSS button code:
Tagged: css
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!
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:
Thank you so much – I’ll try this solution for the client tomorrow!
Thanks!!!