Archived topic
How to make every GenerateBlocks Column size
26 replies · Started by Pintu on September 28, 2022
Hi, how to make all columns the exact same size, currently the column does not have the same length. https://ibb.co/gvpmRgr
Can you share the CSS that will make it happen? Thanks
It's not possible based on your current HTML structure.
Can you wrap a containerblock outside the author name/avatar and post date?
https://www.screencast.com/t/JgWWoR9eUXQ
Once it's done, we can offer some CSS to achieve this.
How do I do that can you please tell me?
Hi Pintu,
Just add a new Container Block within your Container Block, and drag and drop those Block mentioned by Ying there.
I did, can you now check?
Added a new Container Block within the Container Block and did all that mentioned by Ying. Now can you please check and provide the CSS?
Great. Now try adding this CSS:
.blog .dynamic-content-template > .gb-container, .dynamic-content-template > .gb-container > .gb-inside-container {
height: 100%;
}
.blog .dynamic-content-template > .gb-container > .gb-inside-container {
display: flex;
flex-direction: column;
}
.blog .dynamic-content-template > .gb-container > .gb-inside-container > .gb-container {
flex-grow: 1;
}
.blog .dynamic-content-template > .gb-container > .gb-inside-container > .gb-container > .gb-inside-container {
display: flex;
flex-direction: column;
height: 100%;
}
.blog .dynamic-content-template > .gb-container > .gb-inside-container > .gb-container > .gb-inside-container > .gb-button-wrapper {
margin-top: auto;
}
Thanks.
But it only applies on the front page, not on the category pages.
Can you also provide CSS for the category pages? Thanks
Are you using the same Content Template for all Archive pages as well?
Yes.
Try this instead:
.dynamic-content-template > .gb-container, .dynamic-content-template > .gb-container > .gb-inside-container {
height: 100%;
}
.dynamic-content-template > .gb-container > .gb-inside-container {
display: flex;
flex-direction: column;
}
.dynamic-content-template > .gb-container > .gb-inside-container > .gb-container {
flex-grow: 1;
}
.dynamic-content-template > .gb-container > .gb-inside-container > .gb-container > .gb-inside-container {
display: flex;
flex-direction: column;
height: 100%;
}
.dynamic-content-template > .gb-container > .gb-inside-container > .gb-container > .gb-inside-container > .gb-button-wrapper {
margin-top: auto;
}
It worked! Thanks a lot :)
You're welcome Pintu! :)
Hi, Fernando after adding the CSS one of the headings on the homepage not showing properly https://ibb.co/Sx055jX
Please tell me the fix.