Flexed Info Boxes 4
Compatible with:
Blocks used:
- Info Box
- Row Layout
Live Demo:
1
Title
These info boxes sit in a 3 column row. CSS is added in the custom CSS box of the row to make all the info boxes the same height and align the buttons to the bottom regardless of the amount of content. You can duplicate the sections, and they will wrap onto a new row and everything will stay perfectly aligned.
Learn More
1
Title
You can change the row layout to any number of columns you wish and the info box will automagically adapt its height to the tallest box. The row layout within each section has a bottom divider applied to create the angled effect.
Learn More
1
Title
The gradient backgrounds are defined in the row layout background settings of each section within the parent row. The number background, title, and learn more colours are all define in the info box settings.
Learn More
