briank

Kartra Horizontal Form - External Embed

Apr 29th, 2021 (edited)
1,914
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.19 KB | None | 0 0
  1. <style>
  2. #kartra_optin_form_fields_container { display: flex; flex-wrap: wrap; }
  3. #kartra_optin_form_fields_container > div { flex: 100 0; margin-right: 10px; min-width: 250px; }
  4. #kartra_optin_form_fields_container > button { flex: 1 1 auto; margin-top: 0; width: auto !important; }
  5. #kartra_optin_form_fields_container .js_gdpr_wrapper { min-width: 100%; padding-bottom: 20px; }
  6. #kartra_optin_form_fields_container > button { height: 70px; }
  7. @media only screen and (max-width: 736px) {
  8.   #kartra_optin_form_fields_container > button { height: 60px; padding: 15px 24px; }
  9. }
  10. @media only screen and (max-width: 556px) {
  11.   #kartra_optin_form_fields_container > button { height: 50px; padding: 10px 24px; }
  12. }
  13. </style>
  14. <script>
  15. (function () {
  16. function reflexForm () {
  17. var koffc = document.getElementById('kartra_optin_form_fields_container'),
  18.     gdprw = document.getElementsByClassName('js_gdpr_wrapper'),
  19.     sbtn = document.getElementsByClassName('kartra_optin_submit_btn');
  20.     koffc.append(gdprw[0], sbtn[0]);
  21. }
  22. if (window.addEventListener) window.addEventListener('load', reflexForm, false);
  23. else if (window.attachEvent) window.attachEvent('onload', reflexForm);
  24. })();
  25. </script>
Add Comment
Please, Sign In to add comment