Kadence Blocks: Vertical Alignment breaks when Inner Column Height toggled on

[paige]

paige

January 17, 2024 at 12:57 pm

Hi, I’m having a problem where the vertical alignment in individual columns stops working when I turn on the “Inner Column Height 100%” option.

In my case, I’m trying to set the vertical alignment in my columns to “Space Between.” But when I toggle “Inner Column Height 100%” on in the row, that seems to override whatever vertical alignment option I select in the individual columns.

I used the Inspect tool, and it looks like the column height CSS is using a “justify-items: center” that is overriding the inner column’s “justify-content: space-between”:

I found an older topic that seems related here: *Login to see link and it almost seems like the fix for that topic might be related to what is causing my current issue? I tried a few ways of using similar CSS to what was suggested there (but with different justification of course), but nothing seems to make a difference.

I also tried leaving “Inner Column Height 100%” toggled off and setting a minimum height for each individual column instead; when I do that the Space Between does at least work, but then the column sizes are nowhere near as responsive.

Would love any help resolving this! Thanks so much.

• This topic was modified 2 years, 2 months ago by paige.