How to align buttons to the bottom of a container?

On this page I have used a GBP Pricing-Table-Template and now need to align the buttons to the bottom of each table.

Check this screenshot please.

The containers already have 100 vh each, so the buttons should always align to bottom no matter how many other items are between the button and the upper headline.

I had already added this CSS to customizer, but didn’t work:

@media screen and (max-width: 1008px) {
  body.page-id-5870 .gb-button-wrapper {
    position: absolute;
    bottom: -80vh;
  }
}

Please help

Thank you in advance and kind regards,
Sascha

This code did the trick (applied via Simple CSS directly on the page):

@media screen and (min-width: 1008px) {
.gb-button-wrapper {
    position: absolute;
    bottom: 100px;
    width: 80%;
    }
.gb-container{
    position: relative
    }
}

The issue is resolved now :smiley:

1 Like