That's cool, thanks guys for the reports!
An update:
Just realized that also the button on "Review" page needs this attention. Here's the latest code by t3r0, Thanks by the way!
#edit-checkout, #edit-continue,
div.add_to_cart input[type=submit],
input#edit-checkout,
#uc-paypal-wps-form #edit-submit {
color: #fff;
background: #7E0303 url('bgrad.png') repeat-x top center;
border: 1px solid #ff2400;
font-weight: bold;
cursor: pointer;
}
#edit-checkout:hover, #edit-continue:hover,
div.add_to_cart input[type=submit]:hover,
input#edit-checkout:hover,
#uc-paypal-wps-form #edit-submit:hover {
background: #7E0303 url('bgrad_hover.png') repeat-x top center;
}How to use this snippet?
Just add this code snippet to your "style.css" and copy the "bgrad.png" and "bgrad_hover.png" -files to the same directory of your style.css
The motive of this button styling is to help clients to focus on shopping and show them an easy path to actually pay the product(s)
Hopefully this is something useful for some of you guys.
| Attachment | Size |
|---|---|
| bgrad.png | 249 bytes |
| bgrad_hover.png | 242 bytes |
Joined: 12/28/2007