[Resolved] Pushing to the bottom of the columns

Home Forums Support [Resolved] Pushing to the bottom of the columns

Home Forums Support Pushing to the bottom of the columns

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1527207
    Hasan

    Hi!

    How can I push the price boxes to the bottom of the grid columns, so that all the columns become the same height for the desktop?

    Thanks!

    #1527324
    Elvin
    Staff
    Customer Support

    Hi,

    I see you’re using GenerateBlocks.

    Try this:

    Add equal-content-height CSS classes to all of your Grid Blocks w/ price boxes on its advanced settings.

    You then add this CSS code.

    .equal-content-height > .gb-grid-column > .gb-container > .gb-inside-container {
    height: inherit;
    display:flex;
    flex-direction: column;
    }

    Here’s how to add CSS – https://docs.generatepress.com/article/adding-css/

    I’ve also noticed that you where adding “push-to-bottom” CSS class to some of the price boxes. Continue adding them to all of the price boxes and then add this CSS code:

    .push-to-bottom{
    margin-top: auto;
    }

    This should push the price box to the bottom.

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

    #1527859
    Hasan

    Perfect! Thanks!!

    #1528811
    Elvin
    Staff
    Customer Support

    Perfect! Thanks!!

    Nice one. No problem. 🙂

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

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