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

for some reason on my page the class for the submit button is not applied and the form has inline styles (use firebug to see if you have same issue, but I have not figured out the fix

You're following the right approach, perhaps contact a web developer to help out with the last CSS bits…