Align buttons to same height in columns (Broadcast Theme)

Align buttons to same height in columns (Broadcast Theme)

sotangy
Shopify Partner
13 1 1

Hello, 

 

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

Screen Shot 2022-12-06 at 10.42.46 AM.png

 

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 😄

Replies 5 (5)

ExpertRookie
Shopify Partner
1518 249 316

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;
}

 

 

 

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
sotangy
Shopify Partner
13 1 1

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
Shopify Partner
1518 249 316

@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;
}
- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.
sotangy
Shopify Partner
13 1 1

Hi again,

 

The new code made the section disappear 😅

AlF15H
Tourist
9 0 1

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