Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author ArielK

    (@arielk-1)

    This feature built-in by default ??

    • This reply was modified 8 years, 2 months ago by ArielK.
    Thread Starter pingram

    (@pingram3541)

    Ah, I see now thank you for enlightening me on what I should have seen after original inspection. I was using a template and it had the border set on the inner element and not the column itself so I apologize for missing that.

    Tech note: Pay attention to the lack of column gap. The section’s “Columns Gap” option only affects the direct elements inside the column (padding) and not between columns themselves (margin) so when setting borders and background-colors/images you have to manually add margin to get space between them, for example a 4 column would need the following to have even space between the columns:

    el#1 – margin: 0 10px 0 0
    el#2 – margin: 0 7.5px 0 5px
    el#3 – margin: 0 5px 0 7.5px
    el#3 – margin: 0 0 0 10px

    This allows them to have spacing and be congruent in size and distribution. Just be sure to remember to change these back for smaller devices sizes as they’ll wrap to individual lines and look zipper spaced.

    Tested and confirmed a solid feature. Thank you!

    I just tried the columns element but it doesn’t seem to equalize the heights of its child elements. Are there options which have to be enabled first?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Feature suggestion – Equal Column Height’ is closed to new replies.