Columns Not Displaying Equal Height

  • Resolved jherrick33

    (@jherrick33)


    4 years, 4 months ago

    Hey there! I’m trying to create two columns. One column will have three fields (name, email, phone) and the second column will have one larger text area field. I’ve achieved this, but the second column doesn’t have the same height. I’ve been messing with the padding and spacing, but I’m struggling to get the two columns to align.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author WebHolism

    (@webholism)

    Hi @jherrick33,

    We have had a quick look and it seems that the CSS needs to be tweaked on the form.

    You may want to try adding something like the following:

    #gform_1 #input_1_1 {
  margin-top: 0;
}
.gform_wrapper textarea.medium {
  height: 188px;
}

    Please try the above and advise us of the outcome.

    Kind regards.

    Thread Starter jherrick33

    (@jherrick33)

    Hey there! I was able to get this to work – thank you so much! I removed my pre-existing CSS of vertical-align: middle from each column and added an !important tag to text area field.

    Final CSS:

    #gform_1 #input_1_1 {
    margin-top: 0px
    }

    .gform_wrapper textarea.medium {
    height: 188px !important;
    }

    Thanks!

    Plugin Author WebHolism

    (@webholism)

    Hi @jherrick33,

    Yay! Glad that it worked out for you after you made the necessary changes. ??

    Thanks for using the plugin, and let us know if there is anything else we can do to help.

    Have a great weekend.

    Thread Starter jherrick33

    (@jherrick33)

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Columns Not Displaying Equal Height’ is closed to new replies.