[Resolved] Post archive containers the same height, button aligned bottom

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

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

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
November 3, 2022 at 9:31 pm #2400877

Tan

Hi there,

I’ve viewed the guide here but the CSS suggestions haven’t worked in my scenario.

My site is here.

Would you help me? Thank you.

November 3, 2022 at 10:43 pm #2400921
Fernando
Customer Support
Hi Tan,

CSS for alignment varies for every structure. One CSS that works for another site may not work for yours.

Give the parent Container Block holding everything a class of set-container-full-height. Then try adding this CSS in Appearance > Customize > Additional CSS:
```
.gb-container.set-container-full-height, .gb-container.set-container-full-height > .gb-inside-container {
    height: 100%;
}

.gb-container.set-container-full-height > .gb-inside-container {
    display: flex;
    flex-direction: column;
}

.gb-container.set-container-full-height > .gb-inside-container > .gb-container {
    flex: 1 1 auto;
}

.gb-container.set-container-full-height > .gb-inside-container > .gb-container > .gb-inside-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.gb-container.set-container-full-height > .gb-inside-container > .gb-container > .gb-inside-container > :last-child {
    margin-top: auto;
}
```
November 4, 2022 at 12:33 am #2400989

Tan

Hi Fernando,

Thank you for your help. It worked like a charm! 🙂

November 4, 2022 at 12:35 am #2400995

Fernando
Customer Support

You’re welcome Tan! 🙂
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.