Boxes - Line up trouble

  • kkhan
    Asked on December 7, 2015 at 2:47 PM

    I can't get these two boxes to line up. I have similar set ups on the rest of the page, but these two just won't play together. I've gone into the code but I don't know what I'm looking for.

    Thanks,

    KK

  • jonathan
    Replied on December 7, 2015 at 4:23 PM

    Can you please confirm that this was the form http://www.jotform.us/form/53404363383150

    and the 2 boxes were this

    Boxes   Line up trouble Image 1 Screenshot 30

     

    It can be fixed using these CSS codes.

    #input_70 {

        width : 204px;

    }

    #input_67 {

        width : 204px;

    }

    #id_70 {

        margin-left : 50px !important;

    }

     

    Boxes   Line up trouble Image 2 Screenshot 41

     

    here is my test form https://form.jotform.com/53406790350958?

    Hope this help. Let us know how it goes.

     

  • kkhan
    Replied on December 7, 2015 at 5:45 PM
    Hi:
    No, although those two boxes are equally annoying. I was referring to the two boxes under the Wednesday, February 17 heading: 6:00 – 9:00 pm Informal Buffet Dinner. And – I’m not even sure where I would paste your code provided below.
    If you are taking suggestions, sizing boxes would be so much easier if one could just grab a hold of the edge and extend/shrink it to a particular size. I use a lot of code on websites I manage, and am having a lot of trouble understanding what I’m looking at here.
    That aside, you guys are always very responsive. Much appreciated!!
    Thanks!
    Karen
    ___________________________________________________________________
    Karen Khan | Assistant Secretary, Board of Trustees | University Policy Coordinator | Carnegie Mellon University
    5000 Forbes Avenue | 427 Warner Hall | Pittsburgh, PA 15213 | o: 412.268.1275 c: 412.600.4318
    kkhan@andrew.cmu.edu
    ...
  • Kevin Support Team Lead
    Replied on December 7, 2015 at 8:06 PM

    Hi,

    I checked your form and I can see the field is displayed properly : 

    Boxes   Line up trouble Image 1 Screenshot 40

    You can paste the CSS code provided by my colleague in the Designer, follow this steps : 

    Boxes   Line up trouble Image 2 Screenshot 51

    Click on the CSS tab, paste the code and then click on save:

    Boxes   Line up trouble Image 3 Screenshot 62

    Let us know if you need more help, we will be glad to assist you.

    Thanks.