Bottom Align Text Blocks

Site URL: https://lizard-collie-bj7m.squarespace.com/about-us

I'm trying to align the white text boxes on the linked page to the bottom of their sections. I'm also wanting the text boxes to be the same size as each other. 

https://lizard-collie-bj7m.squarespace.com/about-us

Add to Design > Custom CSS

body#collection-62949f67164f972fea133796 article .content-wrapper {
    padding-bottom: 0px !important;
}

2 hours ago, tuanphan said:

Add to Design > Custom CSS

body#collection-62949f67164f972fea133796 article .content-wrapper {
    padding-bottom: 0px !important;
}

 

Thanks @tuanphan , how would I make them the same height?

21 hours ago, abibacon said:

Thanks @tuanphan , how would I make them the same height?

Try enter some blank paragraph in Right Text Block

On 6/2/2022 at 8:30 AM, tuanphan said:

Try enter some blank paragraph in Right Text Block

That won't be screen responsive though will it, depending on width the text box would still display at different heights. 

On 6/1/2022 at 8:48 AM, tuanphan said:

Add to Design > Custom CSS

body#collection-62949f67164f972fea133796 article .content-wrapper {
    padding-bottom: 0px !important;
}

 

Hi @tuanphan, the client now wants the site to be single page, how would I get the same two text boxes to sit at the bottom of their sections without it affecting the whole page?

https://lizard-collie-bj7m.squarespace.com/home-1-1

On 6/10/2022 at 2:34 AM, abibacon said:

Hi @tuanphan, the client now wants the site to be single page, how would I get the same two text boxes to sit at the bottom of their sections without it affecting the whole page?

https://lizard-collie-bj7m.squarespace.com/home-1-1

Sit at bottom + same height?

On 6/11/2022 at 9:48 AM, tuanphan said:

Sit at bottom + same height?

yes please

On 6/13/2022 at 6:06 PM, abibacon said:

yes please

Use this CSS

@media screen and (min-width: 992px) {
[data-section-id="62a2442a738be20cdc9eecc9"] .content-wrapper, 
    [data-section-id="62a243eda6279c24b82fb318"] .content-wrapper 
{
    padding-bottom: 0 !important;
  
}

#block-62a243ed0398b236a89b6be8, #block-62a2442a11d2b030360462e8 {
    min-height: 300px;
}
div#block-62a2442a11d2b030360462e8 {
    padding: 17px !important;
}}