Align buttons to same height in columns (Broadcast Theme)

[sotangy]

Hello, 

I'm trying to alight my buttons on desktop view of a column section:

I've tried this code:

#SectionColumns--template--17120718324025__2282483d-714a-429c-ad85-6a1be23c6e89 .rte-setting
  {min-height: 95px !important ;}

But no luck. I'm not sure what else to include in the code to call for that section.

This is the website and password

https://viellabeaute.com/

pw: viella

Thanks in advance 😄

[ExpertRookie]

Hi @sotangy 
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css

.column__grid__item {
display: flex;
flex-direction: column;
}
.column__grid__item  .column__content{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
flex: 1;
}
.column__grid__item .column__text.rte {
  flex: 1;
}

[sotangy]

Hello,

I tried the code, the alignment is corrected when i resize the window, however when the page first loads, it doesn't automatically align.

See here

[ExpertRookie]

@sotangy 
try to replace the code above with this

.column__grid__item {
display: flex;
flex-direction: column;
height: 100%;
}
.column__grid__item  .column__content{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
flex: 1;
}
.column__grid__item .column__text.rte {
  flex: 1;
}

[sotangy]

Hi again,

The new code made the section disappear 😅

[AlF15H]

Hi @sotangy, having the exact same issue - did you ever find a solution to this by chance?