I want the modules inside an inner row to have equal height (the one of the tallest module).
The title length is variable so it is not an option to simply cut a few a words from some news titles or use letters instead of words since that will have the same effect of shortening some content. (It works, but it is not the solution we are looking for)
So is there a solution to make all modules follow the height of the tallest one?
Thank you
Hi,
In order to make them to look the same size, you’ll need to set an excerpt on title and post content like this -> https://i.imgur.com/o8UQm5B.png
Also, you can set the excerpt on words or letters from theme panel -> https://i.imgur.com/c7Q8ckX.png
Here is a similar topic -> https://forum.tagdiv.com/topic/flex-block-1-and-same-blocks-height/
Thank you!
Hello Anamaria and thank you for the response!
As I’ve said above, I’ve tried this solution and it works, but since it is a news site, we can’t cut off the title length.
Instead what we need is to make the td_module_meta_info of the shorter titles equal in size to the largest td_module_meta_info of the same row.
I’ve also tried placing each module of the same row in a separate column and making all the columns in the row equal height but it still wont work.
The option of setting a height of each module in pixels with CSS works too, but it gets messed up if the title is really long as the letters overflow the module box.
Is there a solution to do what i need?
Hello,
Then please adapt the CSS for your posts by using the custom code CSS from the topic https://i.imgur.com/pmaoPtd.png. Unfortunately, there are no other solutions.
Thank you!
