title: Contact Form 7 Css Styling
body: <p>I've recently got a premium theme, and the form for mailchimp looks really cool. </p>
  
  <p>I was wondering if I can use the style for my 3 Field Based Contact form
  "REQUEST A CALL BACK" - Name Input Field, Number Input Field, and CALL ME button.</p>
  
  <p>Upon Inspection via Chrome Inspector, following is used for mailchimps form field</p>
  
  <pre><code>.subscribe-box .form-control {
      background: #fff none repeat scroll 0 0;
      border: 0 none;
      border-radius: 50px;
      box-shadow: none;
      color: #4c5462;
      font-size: 18px;
      height: 65px;
      padding: 0 158px 0 50px;
  }
  
  
  .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  </code></pre>
  
  <p>}</p>
  
  <p>and looks like this</p>
  
  <p><a href="https://i.stack.imgur.com/VCq3z.jpg" rel="nofollow noreferrer">SUBSCRIBE FORM FIELD WITH BUTTON ABSOLUTE</a></p>
  
  <p>Since I wana use contact forms. I want to have my form fields inline (single line), with a CALL BUTTON on the NUMBER FORM FIELD.</p>
  
  <p>Something like this
  <a href="https://i.stack.imgur.com/0QV2D.jpg" rel="nofollow noreferrer">THAT I"D LOVE TO HAVE</a>
  but doest have to be inline in phone view </p>
  
  <p>Following is my ContactForm </p>
  
  <pre><code>[text* text-833 "NAME"] 
  [tel* tel-572 "PHONE"] 
  [submit "CALL ME"]
  </code></pre>
  
  <p>Any help/input is appreciated
  Regards</p>