Jens W.
Hello MasterMatrix,
To achieve the desired goal, you can assign a minimum height to the elements.
Then the boxes always have the same height, as long as none of the text enlarges the box.
If this is the case, you can simply raise the minimum height a little.
This is a very messy solution, but it will align the elements until Joomshaper introduces the feature in SPPB 4.x.
To clarify the function and understanding for you, I have made a screenshot.
Here you can see the elements.
For the doctor on the right, I have removed the placeholders for the height from the text so that the box has its actual height.
If I now add the following CSS, the boxes get the same height of 400 pixels.
.sppb-addon-wrapper > div > div {
min-height: 400px;
}
The result then looks like this.
Please do not copy the example code directly into your page because it will look completely shifted. :)
To assign the minimum height only to the elements, you can assign a separate CSS class "doctor-min-height" to the lines and then realise the height via this.
Alternatively, per element as custom CSS.
Perhaps a Joomshaper employee with admin access can make or help with the adjustment.
Have a nice day.
