Contact Form 7 submit button doesn't display

https://addysmith.com/ao/wp-content/themes/gt3-wp-trend/css/theme.css?ver=3.9.2

I added it there, but that didn’t work either. I did see this though. This looks like it could be important. is there a way to edit this to make it display?

.wpcf7-submit,
.wpcf7-submit.shortcode_button.btn_small {
width:auto!important;
margin:0!important;
border-radius: 0!important;
box-shadow: inset 0 -3px 0 rgba(0,0,0,0.1) !important;
color: #464a4f!important;
font-size: 15px!important;
font-weight: 300!important;
background:#ffffff!important;
height: 43px!important;
line-height: 40px!important;
padding: 0 15px 3px 15px!important;
text-transform:none!important;
transition: all 250ms!important;
-webkit-transition: all 250ms!important;
}
.wpcf7-submit:hover,
.wpcf7-submit.shortcode_button.btn_small:hover {
background:#464a4f!important;
color:#ffffff!important;
box-shadow: inset 0 -3px 0 rgba(0,0,0,0.4) !important;
}
.wpcf7-submit.btn_type4 {
border:none!important;
}
.wpcf7-submit.btn_type4:hover {
border:none!important;
}

you are add your styles on admin via…

When I inspect it in firebug, I get this:

<p class=”subm-but”>
<div class=”wpcf7-response-output wpcf7-display-none”></div>

is the display-none whats screwing this up? If so, How do I get rid of that?

that div working for validation message displayed

Sonai,

you were so helpful last week, just wondering if you can help me sove a new problem:

I am trying to make a multi column layout but every time I try it blows out my page. please see:

https://addysmith.com/ao/test-2/

heres the css:

#responsive-form{
max-width:600px /*– change this to get your desired form width –*/;
margin:0 auto;
width:100%;
}
.form-row{
width: 100%;
}
.column-half, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.clearfix:after {
content: “”;
display: table;
clear: both;
}

heres html:

<div id=”responsive-form” class=”clearfix”>

<div class=”form-row”>
<div class=”column-half”>First Name [text* first-name]</div>
<div class=”column-half”>Last Name [text* last-name]</div>
</div>

<div class=”form-row”>
<div class=”column-half”>Email [email* your-email]</div>
<div class=”column-half”>Phone [text* your-phone]</div>
</div>

<div class=”form-row”>
<div class=”column-full”>Subject [text* your-subject]</div>
</div>

<div class=”form-row”>
<div class=”column-full”>Your message [textarea your-message]</div>
</div>

<div class=”form-row”>
<div class=”column-full”>[submit “Send”]</div>
</div>

</div><!–end responsive-form–>

thanks