טפסי WPCF7

טופס סטריפ

<h3 style="text-align:center;">מזמינים אתכם לדירה לדוגמא, השאירו פרטים או התקשרו עכשיו לתיאום פגישה <a class="fix_smartphone fix_smartphone_href" href="tel:077-9979935">077-9979935</a></h3>
<div class="gs-contact-form">
<div class="gs-field">[text* text-103 akismet:author placeholder "שם*:"]</div>
<div class="gs-field">[email* email-199 akismet:author_email placeholder "אימייל*:"]</div>
<div class="gs-field">[tel* tel-328 placeholder "טלפון*:"]</div>
</div>
<div class="gs-field-submit">[submit "שלח"]</div>
<style>
.rtl .gs-contact-form{
     direction:rtl;
     display: flex;
}
.gs-field {
    margin-left: 20px;
}
.gs-contact-form .gs-field:nth-child(3){
    margin-left: 0px;
}
input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
}
.gs-field-submit{
    text-align: center;
}
.wpcf7-form-control.wpcf7-submit{
    width: 281px !important;
    margin-top: 20px !important;
    padding: 15px;
    font-size: 16px;
}
@media all and (max-width:480px){
    .rtl .gs-contact-form{
        display: block !important;
        margin:0 7%;
    }
    .gs-contact-form .gs-field{
       margin-left: 0px;
       margin-top:10px;
    }
    .gs-field-submit{
       margin:0 7%;
    }
    .wpcf7-form-control.wpcf7-submit{
       width: 100%!important;
    }
}
</style>

טופס סטריפ 2

<div class="gs-contact-form1">
<div class="gs-field">[text* text-103 akismet:author placeholder "שם*:"]</div>
<div class="gs-field">[email* email-199 akismet:author_email placeholder "אימייל*:"]</div>
<div class="gs-field">[tel* tel-328 placeholder "טלפון*:"]</div>
<div class="gs-field">[submit "שלח"]</div>
</div>

<style>
.rtl .gs-contact-form1{
     direction:rtl;
     display: flex;
     margin: 0 7%;
}
.gs-field {
    margin-left: 20px;
}
.gs-contact-form1 .gs-field:nth-child(4){
    margin-left: 0px;
    margin-top:2px
}
.gs-field-submit{
    text-align: center;
}
.gs-contact-form1 .wpcf7-form-control.wpcf7-submit{
    margin:0 !important;
    width: 200px !important;
    padding: 10px;
    font-size: 16px;
    color:#fff;
    background:#0c145e;
    border:1px solid #fff;
}
.gs-contact-form1 .wpcf7-form-control.wpcf7-submit:hover{
    color:#0c145e;
    background:#fff;
}
@media all and (max-width:480px){
    .rtl .gs-contact-form1{
        display: block !important;
    }
    .gs-contact-form1 .gs-field{
       margin-left: 0px;
       margin-top:10px;
    }
    .gs-contact-form1 .gs-field:nth-child(4){
      margin-top:10px
    }
    .gs-contact-form1 .wpcf7-form-control.wpcf7-submit{
      width: 100% !important;
    }
}
</style>