Feature Grid

  • Resolved lifeofthepardee

    (@lifeofthepardee)


    6 years, 10 months ago

    Hi,

    Is there a way to align the link button boxes at the bottom of the features grid so that they line up across all three columns? The text for each item in my grid varies so the link will appear higher or lower than the others in the grid. Thanks!

    (I am using plain layout, 3 columns, no title, link button setting)

Viewing 3 replies - 1 through 3 (of 3 total)
  • ipbroad

    (@ipbroad)

    6 years, 9 months ago

    I did this by editing in HTML and adding a line break

    Thread Starter lifeofthepardee

    (@lifeofthepardee)

    6 years, 9 months ago

    Thanks I will try! But sometimes when I try to edit the html, I get an error and need to remove it.

    Plugin Contributor gambitph

    (@gambitph)

    6 years, 3 months ago

    Hi,

    In the current version (V 2.1.0), you can now adjust the height of the Feature Grid’s column container. To adjust this, please change Min. Column Height option (inside the Column Spacing tab).

    You can also change the Column Vertical Align option (this is also inside the Column Spacing Tab) to move the placement of the column container to the top, center, bottom or stretch (this will be available when the column heights are different).

    To align the buttons to the bottom, you add this custom CSS code:

    .ugb-feature-grid__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.ugb-button-container {
flex-grow: 1;
display: flex;
align-items: flex-end;
}

    Let me know how it goes!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Feature Grid’ is closed to new replies.

Tags