Missing Submit Button image

I am VERY pleased with my new form - CF v4 RC2 on Joomla 1.7.3 site. But the SUBMIT button is just a boring grey box. How can I enable a default submit button or maybe upload something? This is the form:
http://www.costacycling.co.uk/index.php?option=com_chronoforms&view=form&Itemid=153

Hi zzafio ,

Button styling is mostly done by the browser unless you specify something different in the Form HTML and/or CSS.

Bob

Have I missed out a step when creating the form? I see where I can get into the form html to make changes - but have no idea what changes/additions to make there. No panic, but if you could give me a clue I'd be v grateful!

Small image attached to show what I am trying to achieve. Thanks.

Hi zzafio ,

Sorry I misunderstood.

This is tricky, you can't easily remove the CSS that ChronoForms has applied. You can edit it near the beginning of frontforms.css

.ccms_form_element input, textarea, input[type="file"] {
    border: 1px solid #D3D3D3;
    margin-bottom: 5px;
    padding: 6px !important;
}

but be careful - this will affect all form inputs, not just the buttons.

Here's a thread on StackOverflow that talks more about this.

Bob

What do most people see when they create a new CF form? I presume they see a button of some sort (the exact styling doesn't bother me), and not the text on a simple grey background that I got.

I use a default Joomla Beez5 template so usually hope to avoid possible conflicts like this.

I am VERY pleased with the ChronoForms v4 extension and will experiment with your suggestions on a test site. Thanks for your help.

Hi zzafio,

This is what I see with the default Joomla! template.

Bob