Aurangajeb

Make wpuf form fields stack in single line in responsive mode

Oct 13th, 2021
684
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Make wpuf form fields stack in single line in responsive mode */
  2. @media (max-width: 767px){
  3. body ul.wpuf-form li {
  4.     margin-left: 0;
  5.     margin-bottom: 4px;
  6.     padding: 10px;
  7.     box-sizing: content-box !important;
  8.     }
  9.    
  10. body .wpuf-col-half, body .wpuf-col-half-last {
  11.     width: 84% !important;
  12.     float: left !important;
  13. }  
  14.    
  15. textarea { 
  16.     max-width: 90% !important;
  17.     }
  18. }  
RAW Paste Data