Forum

Hi

good morning.

I wanted to ask you for information: would it be possible to make sure that the articles (in the preview/intro) all have the same height? Because it would be more aesthetically pleasing, while now I find higher and lower articles on the home page obviously based on the text I wrote in the intro.

Maybe it's in the css .card class? 

Thank you

Which extension?

Card layout is used by many.

TF Articles Pro

Multi-column layout uses flex box. So, two cards in one row will have same height.

I guess you are referring to masonry style layout. Currently, not available but we will include this in future. Thank you for the suggestion.

If you tell me which is the class that manages the height of the articles in Card mode, I could try to modify the css waiting for you to update the module. Thank you

It is based on Bootstrap

https://getbootstrap.com/docs/5.3/components/card/

The height is taken automatically based on the content.

You can also add module class and override CSS.

.card {  position: relative;  display: flex;  flex-direction: column;  min-width: 0;  height: 500px;  word-wrap: break-word;  background-color: #fff;  background-clip: border-box;  border: 1px solid rgba(0,0,0,.125);  border-radius: .25rem;}

Do you want to add this CSS code or is it current code?

Hi sorry, I forgot to write one thing: the css is the one modified by me and now it works. I added in the .card class (in the bootstrap.min.css file of my Helix Ultimate template) simply height:500px. 

Thank you

PS: sorry, where can I find the log list of the updates you make for this module and for the techfry component? Thank you

border: 1px solid #218e19;

to change the border color on class .card

:)