Hi,
I’m trying to make a row of 3 modules in Flex Block X the same height.
While it can be done by limiting the title and excerpt length, I want those to remain fluid, and instead have the ‘Read More’ link bottom aligned in each module.
Is there anyway this can be achieved?
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!
Hi Anamaria,
Thank you for the quick response. I’m not keen on the excerpt and title limits, as would prefer to see all the text.
The link to a previous topic has a CSS solution suggested by Calin, but I’m struggling to get it to work. Is the code he posted still valid?
This seems a worthwhile suggestion for a future release, too. Searching the support forum reveals it has been a frequent request, and it would be such a welcome improvement in terms of streamlined, modern design.
Hello,
Yes, the code works, but please let me know what module you have.
Thank you!
It’s Flex Block X, with Module Style 2. Here’s a screengrab.
Hello!
I suggest you add an extra class on the flex block X: https://app.screencast.com/8ci8KfrPuxQgH
Add this code and adjust the height if it is necessary:
.flexclass .tds_module_loop_2 .td-module-meta-info{
height: 400px
}
.flexclass .tds_module_loop_2 .td-module-meta-info .td-read-more{
position: absolute;
bottom: 10px;
}
Thank you!
Bettina,
That is marvelous, thank you!
Only, one slight complication. We’re using a responsive page across desktop and mobile; is there anyway the extra class can be defined only for desktop?
Hello!
Unfortunately, no. The class will be applied to every viewport. A workaround there could be to use two elements and hide the one with the extra class on the mobile viewport.
Thank you!
Thank you, Bettina, that’s a useful workaround!
The support from yourself, Anamaria and Calin is what makes this theme worthwhile.
