Skip to content

Instantly share code, notes, and snippets.

@diggeddy
Created November 17, 2018 00:22
Show Gist options
  • Save diggeddy/dfc63525ea31cba56bbb4d07d6fb8522 to your computer and use it in GitHub Desktop.
Save diggeddy/dfc63525ea31cba56bbb4d07d6fb8522 to your computer and use it in GitHub Desktop.
Force same height on all pricing tables in a row and push footer to bottom
.elementor-widget-price-table, .elementor-widget-price-table>div, .elementor-price-table {
height: 100%;
}
.elementor-price-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.elementor-price-table__footer {
margin-top: auto;
}
@sholman
Copy link

sholman commented Jul 23, 2019

Thank you, this is much appreciated

@druckagentur
Copy link

Thank you!!!!!!! What you can do, if you know it...:-)
Is it also possible that the top and bottom still the lines are visible?

Elementor | Fachmarkt 2019-11-12 18-29-02

@david-dooley
Copy link

This is just what I was looking for. Thanks so much!

@kukkakeppi
Copy link

You're a life saver! Thank you!

@kris1703
Copy link

Thanks man! Really good!

@kamama77
Copy link

kamama77 commented Apr 4, 2021

Thank you!

@jadeye
Copy link

jadeye commented Mar 8, 2022

Cheers! ;-)

@MarcPinnell
Copy link

Thanks for the code, but for some reason it doesn't seem to work for me. Is it because I am using containers? The code causes the table to jump to 100% of viewport height.

Screenshot 2022-12-07 at 7 50 56 AM

@dev-Asifemon
Copy link

Love it thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment