טופס סטריפ
<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>