[Resolved] vertical align button to bottom

Home Forums Support [Resolved] vertical align button to bottom

Home Forums Support vertical align button to bottom

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1542645
    Jeroen

    Hi,
    I’m trying the following in generatepress / generateblocks, to have a grid of two columns, each with a paragraph and a button below. Is it possible somehow to vertical align the buttons to the bottom of the grid? So they appear at the same absolute height?
    Jeroen

    #1542915
    Leo
    Staff
    Customer Support

    Hi there,

    No built-in option for this yet but we could likely do that with some CSS.

    Any chance you can link us to the site in question?

    You can use the private information field.

    Let me know πŸ™‚

    #1543051
    Jeroen

    Hi Leo, thank you for taking a look πŸ™‚
    At the bottom of the homepage, the black buttons should be (bottom) aligned. I could set them in a new container / grid below the paragraphs for desktop, but then it would not go well on tablet / mobile. Maybe it’s not difficult but I can’t come up with the proper solution.
    Jeroen

    #1543065
    Elvin
    Staff
    Customer Support

    Hi,

    You can try this CSS:

    .gb-container-dc9bea3e .gb-inside-container {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        height: 100%;
    }
    .gb-button-wrapper.gb-button-wrapper-a75ddd8d {
        margin-top: auto;
    }

    Applying this would have this result: https://share.getcloudapp.com/Koulml9K

    A wise man once said:
    "Have you cleared your cache?"

    #1543558
    Jeroen

    Hi Elvin
    Thank you, that worked!
    Auto margin on a flex child, useful πŸ™‚

    #1544973
    Elvin
    Staff
    Customer Support

    Hi Elvin
    Thank you, that worked!
    Auto margin on a flex child, useful πŸ™‚

    Yes it definitely is.:)

    No problem. Glad it works for you. πŸ˜€

    A wise man once said:
    "Have you cleared your cache?"

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