4 votes

Vertical alignment of elements, like buttons in columns is REALLY missing

An option to use vertical alignment of column content is really missing in Kadence blocks pro. Most builders, like Generatepress etc, offer options to align elements in columns vertically, using grid and/or flex options. – Like a header and text element aligned to the top of the columns – The buttons aligned to the bottom in the columns Most builders use the flex options for this. This is really missing in Kadence blocks (pro)… Using flex options like space-between (the elements in the container). Of-course this is possible with CSS, and CSS is the way to go when someone like to have total control, but something simple like vertical alignment of the buttons in a few columns shouldn't need CSS… To show what I mean (since English is not my native language)
Reiki Ryoho – Reiki Masters en Reiki Practitioners
The buttons in the columns are aligned vertically with CSS at the moment. That should be a lot easier. Until we switched to Kadence blocks pro we just had to click a flex option. This is the code we need now: .kt-blocks-post-grid-item-inner { height: 100%; display: flex; flex-direction: column; } .kt-blocks-post-grid-item-inner-wrap { height: 100%; display: flex; flex-direction: column; } .kt-blocks-post-grid-item-inner .entry-content { flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between; } .kt-blocks-post-readmore-wrap { flex-grow:1; display: flex; align-items: flex-end; justify-content: center; } @media (max-width: 767px){ .kt-blocks-post-grid-item .kt-feat-image-mobile-align-top { display: flex !important; } }
Bas Buis shared this idea

One Comment

Leave a Reply