Force an item to the bottom of a column

trogladyte
Offline Topic Author
Platinum Member
Posts: 751
Thanks: 16

Force an item to the bottom of a column was created by trogladyte

Posted 2 years 10 months ago #61034

www.ckdev.info/moj

Please scroll down to the image/yellow panel area of 3 columns. Each column is constructed of:

IMAGE BLOCK
TEXT BLOCK
TEXT BLOCK

I would like the buttons to line up with each other, so, the CHARITABLE TAX CREDIT and DRIVER APPLICATION buttons need to slide down the column. How do I do that? Thanks Ced.

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

by trogladyte

Please Log in or Create an account to join the conversation.

ced1870
Offline
Administrator
Posts: 29119
Thanks: 3703

Replied by ced1870 on topic Force an item to the bottom of a column

Posted 2 years 10 months ago #61038

Hi
this is not really related to Page Builder CK, this is only some CSS customization
you can try that

Code:

#block_ID1623714715956 .innercontent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#block_ID1623714715956 .innercontent > div:last-child {
    margin-top: auto;
}

CEd

Joomlack Webmaster and Developer

Last Edit:2 years 10 months ago by ced1870

Last edit: 2 years 10 months ago by ced1870.

The following user(s) said Thank You: trogladyte

Please Log in or Create an account to join the conversation.

trogladyte
Offline Topic Author
Platinum Member
Posts: 751
Thanks: 16

Replied by trogladyte on topic Force an item to the bottom of a column

Posted 2 years 10 months ago #61044

Thank you Ced - perfect!

A good landing is one you can walk away from.
A great landing is one where you can reuse the aircraft!

by trogladyte

Please Log in or Create an account to join the conversation.