How force column content to bottom of row

I’d love some help how I could force the boxes that appear over the jet image to the bottom of that row. In general, I’d like to know how I could fix content to appear along the bottom of any row, whether that is one, three, or 5 columns worth of content.

In the case of boxes with the jet, I have the row set to full height but I don’t want the content boxes to appear in the middle - I want them fixed to the bottom of that content row.


Hey Jcduron,

Should be possible via custom CSS. Try adding a CSS Class to the row in question then use the CSS snippet below, changing .fl-custom-class to whatever class you’ve added.

.fl-custom-class.fl-row-full-height .fl-row-content-wrap {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;


That worked! Genius

Nice work once more Ben and all the BB Support - You Guys Rock!!!

No worries at all! And glad we could help. :slight_smile:

Enjoy BB!