I read the FAQ item "I have several forms, how can I deploy multiple themes (CSS)?"
I applied it to my cforms.css code, but it is not rendering the button differently for the form with the id of "cforms7form".
like this (significant changes in red):
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton {
width:auto;
padding:2px 1em;
margin: 0;
font-size:0.8em;
background:url(../button-bg.jpg) repeat-x;
border:1px solid #adadad!important;
border-left-color:#ececec!important;
border-top-color:#ececec!important;
}
#cforms7form .cform input.backbutton,
#cforms7form .cform input.resetbutton,
#cforms7form .cform input.sendbutton {
width:auto;
padding:2px 1em;
margin: 0;
font-size:0.8em;
background:url(../i/btn-vote.jpg) repeat-x;
border:1px solid #adadad!important;
border-left-color:#ececec!important;
border-top-color:#ececec!important;
}
What else can I check on or fix to make this work?