Vertical Alignment Options for Columns in Rows are missing features - Forum | JoomShaper
Staff replied SP Page Builder

Vertical Alignment Options for Columns in Rows are missing features

Asked by Ingenium 1 month ago Last activity 1 month ago

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

1 reply

Toufiq Senior Staff
1 month ago

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. Please check the screenshot.

https://prnt.sc/AR3N6_F-uUIo

Best regards,

Toufiqur Rahman (Team Lead, Support)

Ingenium Asked this
1 month ago

Hi 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

Ingenium Asked this
1 month ago

Yeah, 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

Toufiq Senior Staff
1 month ago

I will inform our team. Thank you

Log in to reply.