Site logo

[Resolved] How do I make my div the same height and align the buttons inside horizontally?

Home Forums Support [Resolved] How do I make my div the same height and align the buttons inside horizontally?

Home Forums Support How do I make my div the same height and align the buttons inside horizontally?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2452670
    Dawei

    Dear support team,

    I am using GP and GB pro. On this page Link to my webstie, at the “photography packages” sections, how can I give them the same height and align the buttons horizontally despite the different content inside the container?

    Screenshot

    Thanks,
    David

    #2452805
    David
    Staff
    Customer Support

    Hi there,

    select the Grid Block, and set its Vertical alignment to Default, this will make all the columns the same height.
    It may require some CSS for the button alignment. Let me know

    #2452812
    Dawei

    Thanks, David. It worked.

    I just found the CSS below and seems like it’s also working now.

    `.alignbutton .gb-inside-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    }

    .alignbutton .gb-inside-container > *:last-child {
    margin-top: auto;
    }

    #2452816
    David
    Staff
    Customer Support

    Glad to hear that !

    #2452817
    Dawei

    Thanks again. Great support as always.

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