Hello!
In the Contact form, I want to make 2 inputs in one line with a button, but those fields are in a separate line. CSS code feels like is working wrong!
My Code from CF7:
<div class="one-half">
<label> Teie Nimi [text* your-name] </label>
</div>
<div class="one-half last">
<label> E-post
[email* your-email] </label>
</div>
[submit "Saada"]
CSS code:
/===Contact Phone===/
.one-half,
.one-third,
.two-third,
.one-fourth {
position: relative;
margin-right: 4%;
float: left;
margin-bottom: 10px;
}
.two-third {
margin-right: 2.5%;
}
.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-third { width: 66%; }
.one-fourth {width: 22%;}
.last {
margin-right: 0 !important;
clear: right;
}
@media only screen and (max-width: 1024px) {
.one-fourth {
width: 100%;
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.one-half, .one-third, .two-third {
width: 100%;
margin-right: 0;
}
}
.wpcf-wrap {
min-height: 90px;
}
div.wpcf7-response-output {
width: 100%;
clear: both;
margin: 0;
}
.wpcf-accept {
clear: both;
}
.wpcf7-acceptance > .wpcf7-list-item {
margin: 0;
}
.wpcf-accept > .wpcf7-form-control-wrap {
display: inline-block !important;
}
This is how I want to look like: https://ibb.co/0nsywR1
Right now: https://ibb.co/jf5CSG2
Best regards,
Alex
.
