addy123

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:

http://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

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;
}

is there another page I should put it on?

Do I add this class to the same pb-modules.css page?

While I have you, can I ask you another question:

on the blog page:

http://addysmith.com/ao/new-test-post/

is there a way to hide the About the Author section, featured works boxes and comments areas?

I just want the text. Also I would like the featured image to show with the post but for some reason it is not.

http://addysmith.com/ao/contact/