Archived topic
Force Block Size
3 replies · Started by troyw on September 22, 2021
Hey team,
Not sure if this possible, but I am trying to force a Container Block within a Content Template Element to present the same height, regardless of what is inside the block.
For example, On the Archive Page I have linked below, you will see the Block titled 'Don't Look Back' on the bottom row, is slightly higher than the rest. This is of course because there is an extra line of text, but I would rather the text or image or anything else shrink, in order to keep the block the same size?
Is this do-able?
Thanks
Hi there,
I'm not sure I'm seeing the "Don't Look Back" block on the archive page.
Can you share a screenshot indicating it?
While waiting:
Container blocks have a "Minimum height" option on its Spacing tab.
https://share.getcloudapp.com/xQu65xoN
This lets you set the minimum height of the Container block regardless the height of the content. (assuming its smaller)
But it will resize to fit the content if the content is larger than the min-height you've set.
If you want to keep an element at a fixed height regardless if the content is smaller or larger, I suggest you add a custom CSS class to it and style it using that.:D
Thanks Elvin, that worked great.
No problem. Glad to be of any help :D
