Archived topic
How to set fixed height of container when used as a content template element
5 replies · Started by nomadiceman on December 30, 2022
I'm trying to figure out how to set the same height for the blog archives.
I want the image to be below the excerpt and all blog archives be the same height so that all the images line up
You can see the example in the URL I've given
Basically, I want all blog archive boxes to be the exact same height so the bottom and top all align on desktop
thank you for your help, its very much appreciated
Hi there,
with the current version of GenerateBlocks it will require some CSS.
If you can create your Content Template, and let me see it, i can advise the changes that need to be made and the CSS to be added.
That's awesome David, included is the info
Try this CSS:
.generate-columns-container .dynamic-content-template > .gb-container,
.generate-columns-container .dynamic-content-template > .gb-container > .gb-inside-container {
height: 100%;
}
.generate-columns-container .dynamic-content-template > .gb-container > .gb-inside-container {
display: flex;
flex-direction: column;
}
.generate-columns-container .dynamic-content-template .dynamic-entry-excerpt {
margin-bottom: auto;
}Thank you. That worked perfect
Glad to hear that