Callout Row - Need to align top and bottom of callouts

Beaver Builder
1

Hi there fellow Beaver Builders. I’m working on a project where I have a 6 column row. The columns are set to ‘Yes’ for equalize heights, Vertical Alignment = Top.

In each column I am using a Callout with a button for the CTA. However, the content in each callout varies so the bottom is not aligned. I’ve been trying to use CSS to fix this but not having the best of luck. Is there a way to set a min height to each callout so they will all be the same size with both the top and bottom being aligned?

Thanks!

Lisa

2

Can we get the site URL?

3

https://webdev1.newedgewebservices.com/programs/?fl_builder

4

Honestly 6 columns are not looking good. You will reduce the title font size to 25px. Also some buttons text are going to 2nd line. try to make them in online and add the following CSS

.align-ctas .fl-callout-text {
min-height: 585px;;
}
5

Thanks. I agree the six columns seems cluttered visually. The client has a lot they want displayed.

Thank you for the code. I’ll try it out but perhaps in a different layout.

Lisa

1 Like