Hi gang,

I have read through too many posts to count, and downloaded the CSS Styling PDF (awesome resource btw!), however, I am still experiencing an issue with using a custom button within multiple forms.

The site in question is http://www.thepetpledge.com

On the upload page, I have created a custom button that should say "upload," and on the contact form the button should read "submit," which it does.

I thought I found the answer to this on the FAQ page, so I tried the following code, however, no changes.

Contact Form:

.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton    {     
    border:none!important;
    
    background:transparent url(../images/grey_block_submit.jpg) no-repeat 0 0;
    color:#FFFFFF;
    cursor:pointer;
    font:11px Arial;
    height:46px;
    line-height:31px;
    margin: 0px 2px 10px 0px;
    padding: 0;
    width:125px;
}

Upload Form (Added #2 as shown in the FAQ, and changed the image name)

.cform2 input.backbutton,
.cform2 input.resetbutton,
.cform2 input.sendbutton,{     
    border:none!important;
    
    background:transparent url(../images/grey_block_upload.jpg) no-repeat 0 0;
    color:#FFFFFF;
    cursor:pointer;
    font:11px Arial;
    height:46px;
    line-height:31px;
    margin: 0px 2px 10px 0px;
    padding: 0;
    width:125px;
}

Any help is most appreciated, as I have exhausted every resource possible. Thank you in advance!!

Kind Regards,

Bryan J Zimmerman