Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter ronherren

    (@ronherren)

    …more info… The height of the first field in the right column directly affects the amount of extra white space above the first field in the left column.

    Alexander, perhaps you’ve got a bug in your code where you use a value from the right column in the left column by mistake? Or might this be something from my responsive bootstrap unaccounted for in CSS?

    Thread Starter ronherren

    (@ronherren)

    Here is solution!

    /* Ninja Forms Blocks - adds 2 columns to forms */
    .njf-column {
        display: -moz-inline-stack; /* Firefox inline-block fix */
        display: inline-block;
        vertical-align: top;	/* Align both columns to top */
        width: 49.5%;
    }

    Note: Here is a fix for IE6/7, which I didn’t test. Add to above section:

    zoom: 1;
     *display: inline;

    Props to Ryan Doherty of Mozilla.com.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to remove extra space above first field of left column?’ is closed to new replies.