How to align Elements in a Row to the bottom

Support
#1

Hi there

I would like to align the Elements (Image- and Text-Element) in a Row to the bottom. Is this possible with CSS?

Thank you very much for your help!

#2

Hi @fbrugger,

Yes, it’s possible with the custom CSS. Please follow these steps:

  • Add this inline CSS to the row contains your columns: display: flex; flex-flow: wrap;

  • After that add this element CSS to the column contains your text/image element:
$el {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

Hope it helps :slight_smile:

#3

Hi thai

Thank you very much for your help! That works great!

#4

You’re welcome, Felix.

#6

Hello @designheavy,

Thanks for reaching out. :slight_smile:

If you have a query (I see it’s withdrawn), I request you to avoid posting on tickets created by different users as it creates lot of confusion which slows response time. Please create a new ticket and someone from support team will help you out.

Thanks.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.