API tools faq
paste
Advertisement
iamjohnrex03

28376501

iamjohnrex03
Jun 28th, 2025
462
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.79 KB | None | 0 0
raw download clone embed print report
  1. /* RTL direction for the whole form */
  2. .form-all {
  3.     direction : rtl !important;
  4.     padding : 20px;
  5.     box-sizing : border-box;
  6. }
  7.  
  8. /* Fix label alignment and spacing */
  9. .form-label {
  10.     float : none !important;
  11.     text-align : right !important;
  12.     display : block !important;
  13.     margin-bottom : 6px;
  14.     font-weight : bold;
  15. }
  16.  
  17. /* Full-width inputs */
  18. .form-textbox,
  19. .form-textarea,
  20. .form-dropdown,
  21. .form-input,
  22. .form-input-wide {
  23.     box-sizing : border-box;
  24. }
  25.  
  26. /* Responsive layout for checkboxes */
  27. .form-checkbox-item,
  28. .form-single-column {
  29.     display : flex !important;
  30.     align-items : center;
  31.     flex-direction : row-reverse;
  32.     text-align : right !important;
  33. }
  34.  
  35.  
  36. @media screen and (max-width: 480px){
  37.     .form-checkbox-item, .form-single-column {
  38.         gap : 20px;
  39.     }
  40.  
  41.     label.form-label.form-label-auto, label.form-label:not(.form-label-top) {
  42.         direction : rtl !important;
  43.         text-align : right !important;
  44.     }
  45. }
  46.  
  47. .form-line-column .form-label {
  48.     text-align : right !important;
  49. }
  50.  
  51. /* Button styling */
  52. .form-buttons-wrapper {
  53.     text-align : center !important;
  54.     margin-top : 20px;
  55. }
  56.  
  57. .form-submit-button {
  58.     max-width : 400px;
  59.     padding : 14px;
  60.     font-size : 16px;
  61.     border-radius : 30px;
  62.     box-sizing : border-box;
  63. }
  64.  
  65. .form-line {
  66.     padding : 8px 0 !important;
  67. }
  68.  
  69. .form-submit-button {
  70.     font-size : 15px;
  71.     padding : 12px;
  72. }
  73.  
  74. /* Name fields: RTL text and numbers correct */
  75. input#first_4,
  76. input#last_4 {
  77.   direction: rtl;
  78.   unicode-bidi: embed;
  79.   text-align: right !important;
  80. }
  81.  
  82. /* Name fields: placeholder right aligned */
  83. input#first_4::placeholder,
  84. input#last_4::placeholder {
  85.   text-align: right;
  86.   direction: rtl;
  87. }
  88.  
  89. /* Email field: type LTR */
  90. input#input_5 {
  91.   direction: ltr;
  92.   text-align: left !important;
  93. }
  94.  
  95. /* Email field: placeholder right aligned */
  96. input#input_5::placeholder {
  97.   text-align: right;
  98.   direction: rtl;
  99. }
  100.  
  101. /* Phone number: type LTR */
  102. input#input_6_full {
  103.   direction: ltr;
  104.   text-align: left !important;
  105. }
  106.  
  107. /* Phone number: placeholder right aligned */
  108. input#input_6_full::placeholder {
  109.   text-align: right;
  110.   direction: rtl;
  111. }
  112.  
  113. div#cid_4 > div {
  114.     gap: 10px;
  115. }
  116.  
  117. .form-submit-button {
  118.     background : linear-gradient(to right, #85d3cc, #75cfc9);
  119.     color : #ffffff !important;
  120.     font-size : 18px;
  121.     font-weight : normal;
  122.     border : none;
  123.     border-radius : 50px;
  124.     padding : 16px 40px;
  125.     width : auto;
  126.     max-width : 400px;
  127.     margin : 0 auto;
  128.     display : block;
  129.     text-align : center;
  130.     transition : all 0.3s ease;
  131.     box-shadow : 0 4px 12px rgba(0,0,0,0.1);
  132. }
  133.  
  134. /* החרגה לשדות מספר */
  135. input[type="number"],
  136. input[type="tel"],
  137. input[name*="phone"],
  138. input[data-type="control_number"] input {
  139.     direction : ltr !important;
  140.     text-align : left !important;
  141. }
  142.  
  143. /*Gil: remove required astrix */
  144. .form-required {
  145.     display : none;
  146. }
  147.  
  148. /* Gil: reduce gap between paragraph and consent field */
  149. [data-css-selector="id_13"] {
  150.     margin-bottom : -25px !important;
  151. }
  152.  
  153. /* Gil: button */
  154. .form-line[data-type="control_button"] {
  155.     text-align : center !important;
  156.     /* override RTL right-alignment   */
  157.     direction : ltr !important;
  158.     /* keep the inside flex neutral   */;
  159. }
  160.  
  161. /*Break any floats & let the button size itself */
  162. .form-line[data-type="control_button"] .form-submit-button {
  163.     float : none !important;
  164.     /* Jotform sometimes floats it    */
  165.     display : inline-block !important;
  166.     margin : 20px auto !important;
  167.     /* centres inside the centred line*/
  168.     width : auto !important;
  169.     /* natural width                  */
  170.     max-width : 400px;
  171.     /* ← make it slimmer – adjust     */
  172.     padding : 12px 32px;
  173.     /* slimmer vertical + horizontal  */;
  174. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!