How to make every GenerateBlocks Column size

This topic has 26 replies, 3 voices, and was last updated 3 years, 7 months ago by Fernando.

Viewing 15 posts - 1 through 15 (of 27 total)

1 2 →

Author

Posts
September 28, 2022 at 3:19 am #2356184

Pintu

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

September 28, 2022 at 1:35 pm #2356819

Ying
Staff
Customer Support

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.

September 28, 2022 at 7:54 pm #2357080

Pintu

How do I do that can you please tell me?

September 28, 2022 at 8:09 pm #2357091

Fernando
Customer Support

Hi Pintu,

Just add a new Container Block within your Container Block, and drag and drop those Block mentioned by Ying there.

September 28, 2022 at 8:27 pm #2357102

Pintu

I did, can you now check?

September 28, 2022 at 9:23 pm #2357144

Pintu

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?

September 28, 2022 at 9:27 pm #2357150
Fernando
Customer Support
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;
}
```
September 28, 2022 at 9:35 pm #2357156

Pintu

Thanks.

But it only applies on the front page, not on the category pages.

September 28, 2022 at 9:44 pm #2357160

Pintu

Can you also provide CSS for the category pages? Thanks

September 28, 2022 at 9:44 pm #2357161

Fernando
Customer Support

Are you using the same Content Template for all Archive pages as well?

September 28, 2022 at 9:49 pm #2357163

Pintu

Yes.

September 28, 2022 at 9:53 pm #2357166
Fernando
Customer Support
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;
}
```
September 28, 2022 at 9:57 pm #2357169

Pintu

It worked! Thanks a lot 🙂

September 28, 2022 at 9:58 pm #2357171

Fernando
Customer Support

You’re welcome Pintu! 🙂

September 28, 2022 at 10:47 pm #2357206

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.
Author

Posts

Viewing 15 posts - 1 through 15 (of 27 total)

1 2 →

You must be logged in to reply to this topic.

[Resolved] How to make every GenerateBlocks Column size

Popular Articles

[Resolved] How to make every GenerateBlocks Column size

Popular Articles

Start building better websites today.