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

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

Home Forums Support Post archive containers the same height, button aligned bottom

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2066624
    Tim Taricco

    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?

    #2066721
    Ying
    Staff
    Customer Support

    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 ๐Ÿ™‚

    #2066831
    Tim Taricco

    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.

    #2066847
    Ying
    Staff
    Customer Support

    That’s great ๐Ÿ™‚

    Glad to help!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.