Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 18, 2024 at 9:25 pm #1431427
    BrendaSarg

    For the life of me I cannot figure out how to do this.

    I have a 3 column grid, no space between. Each column has an image background, header text at the top in a row and then a green box (2nd row within each column) with text and button at the bottom.

    I can’t get it to align the second row at the bottom and have it consistent so if the header text runs longer, the bottom 3 green boxes will stay the same size and aligned to the bottom.

    Can you help?

    January 19, 2024 at 8:50 am #1431449
    Ismael

    Hey BrendaSarg,

    Thank you for the inquiry.

    You can apply a minimum height to the first column in the cells to keep the second columns in every cell aligned, regardless of the header text length. Please add this code in the Quick CSS field.

    .av-13eqxa-137e0f234429402bf39428b87725a660 .flex_cell .flex_cell_inner .flex_column_table:nth-child(1) {
    min-height: 100px;
}

    Best regards,
    Ismael

    January 19, 2024 at 6:18 pm #1431513
    BrendaSarg

    I added that, but it doesn’t put that green box aligned to the bottom like I need? I tried changing the 100px to a higher number, which pushed it down, but it made the image go long and distorted.

    I moved the greenbox (second column in the first grid row) to the middle, but I need it at the bottom.

    January 21, 2024 at 3:52 pm #1431623
    Mike

    Hi,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top.home #av-layout-grid-1 .flex_cell .flex_column_table:nth-child(2) {
position: absolute;
bottom: -900px;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 22, 2024 at 5:29 pm #1431690
    BrendaSarg

    You’re awesome! Thank you! That was making me so crazy, I never would have got it.

    January 22, 2024 at 6:30 pm #1431709
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Aligning rows top and bottom within a grid’ is closed to new replies.