My form is seperating some fields onto two rows

  • Profile Image
    explode444
    Asked on November 19, 2014 at 12:54 PM

    How do I prevent this from happening?  I want the full name on one line and telephone number on one line.

    See the link: 

    http://eos.systems/#section3

     

    My code looks like this:

    <table style="width:80%" border-spacing: 5px>

    <col width="40%">

      <col width="60%">

      <tr >

        <td><div id="main">

    <div class="service-icons">

    <div class="columns five item alpha">

    <h2 style="text-align: left;">Email Us:  Info@eos.systems</h2>

    <h2 style="text-align: left;">Call Us:  (641) 715-3900 x100750#</h2>

    <h2 style="text-align: left;">Fax Us: (206) 339-7091</h2>

    </div>

    </div></td>

        <td><script src="//form.jotform.us/jsform/43224548566157" type="text/javascript"></script></td>

        

      </tr>

    </table>

  • Profile Image
    Ben
    Answered on November 19, 2014 at 02:24 PM

    Hi,

    Please inject this code into your jotform:

    #cid_7 > span, #cid_9 > span {
        width: 49%;
    }
    #cid_9 > span {
        width: 49%;
    }
    #cid_9 > span:first-child input {
        width: 91%;
    }

    You can see here how to Inject Custom CSS Codes.

    Do let us know if that is what you wanted it to look like.

    Best Regards,
    Ben