[Resolved] How to set fixed height of container when used as a content template element

[nomadiceman]

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

[David]

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.

[nomadiceman]

That’s awesome David, included is the info

[David]

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

[nomadiceman]

Thank you. That worked perfect

[David]

Glad to hear that

[Author]

Posts