Archived topic
Post archive containers the same height, button aligned bottom
3 replies · Started by Tim Taricco on January 2, 2022
Viewing posts 1–4 of 4
I've viewed the two support forum posts about "post archive containers the same height," but the CSS suggestions haven't worked in my scenario. For this website https://dev2.mywebsiteserver.com/pro-shop/ (PW: websitevalet), I haven't been able to get the containers to be the same height and align the button at the bottom. Any recommendations?
Hi Tim,
Try this CSS:
.gb-container-row-thin-top-0, .gb-container-row-thin-top-0 >.gb-inside-container, .gb-container.gb-container-3440efe1, .gb-container.gb-container-3440efe1 > .gb-inside-container {
height: 100%;
}
.gb-container.gb-container-3440efe1 .gb-inside-container {
justify-content: space-between;
display: flex;
flex-direction: column;
}
.gb-button-wrapper.gb-button-wrapper-700fd50c.gb-button-wrapper-default-set {
margin-top: auto;
}Let me know if this helps :)
Thank you so much Ying. I tweaked your CSS just a bit to make it universal across various CTP archives on my site. I appreciate your code because it got me past the roadblock I was having.
That's great :)
Glad to help!
This archived topic is closed to new replies.
