Vertical Alignment Options For Columns In Rows are Missing Features
Ingenium
Hey Joomshaper-Team,
It would be great if the columns in a row would have the same general structure features as the div-elements. At the moment, I could not find a way to achieve the following:
- I have a row with 6+6 column.
- Left column has less content then the right column, therefore the right column has a greater height
- The content in the left column should be vertically aligned so that the items fill the same height es the right column with space between
- Current situation: the content in the left column will always be either top, center or bottom vertical aligned, as the "Vertical Align" property is limited to those options.
Would it not be possible to apply the same options as for a normal div? In the end, the html being generated from it is a div again - or am I missing something?
Greetings, Kajetan
Toufiq
Accepted AnswerHi there,
Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. Please check the screenshot.
Best regards,
Toufiqur Rahman (Team Lead, Support)
Ingenium
Accepted AnswerHi Toufiq,
in the Screenshot you are centering one element.
What I want is that when I have more than one element in my column, that they are aligned with space between.
My current workaround is this custom css:
.column-space-between > .sppb-column-addons {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}But for non-experienced users, I think an option in Vertical Align for the column same as for the div would be easier to understand, don't you think?
All the best, Kajetan
Toufiq
Accepted AnswerIngenium
Accepted AnswerYeah, those options are missing for a column my guy.
Like I said above: If I put the div in the left column, the div itself will still be vertically aligned either top, center, or bottom. So putting those settings for the one div inside won't change a thing