Hi all,
I'm very new with the CF7 and CSS and I'd like to customize the layout for CF7.
What I'm trying to do is to put the contact form in 3 lines where in the first line I put the name/surname/subject fields,in the second the body of message,in the third the send button.
I tried with this css that works fine to put fields in column but I don't know how to modify it in order to have rows.
Hope you can help me.
thank
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
background-color: #FFFFFF;
color: #000;
width: 95%;
}
#left {
width: 35%;
float: left;
}
#right {
width: 35%;
float: right;
}
.clearfix:after {
content:"020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
}
.clearfix {
display:block;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
{
background-color: #fff;
color: #000;
width: 30%;
}