Problem with justified heights

jdran

Hi all, when I m setting the demo page "Category Blog" (in main menu it can be found at Explore>Layout>Category Blog) of JA Simpli" template from 2 columns to 3 columns, the height of each article is not arranged nicely as when with 2 columns (look at the end of each article).
Is there any easy way to fix it?
(same happens with 4 columns)

EDIT: I am attaching a picture with the problem for future reference in case some users need the same solution:

aman204

jdran The solution provided here should help 🙂

https://forum.joomla.org/viewtopic.php?t=951342

You can change the truncated intro text value accordingly in the code snippet:

<?php echo JHtml::_('string.truncate', strip_tags($this->item->introtext), 150); ?>

jdran

Namaste,

thank you for the reply, but actually the problem is not the amount of introtext, but the justfied height.

If you see the picture above, "Read more" buttons are not on the same height with each other.
Check again my url to see the truncated/overrided template to see that the same happens now.

paulus1031

Hi There,

It could be possible to get a min height value using css although it would require media queries

Looking at your site compared to my demo site I just installed it looks like your content is not inside p tags
Using min height it would need a tag to target and for it to be one tag only e.g. using 1 div or 1 p tag

Cheers
Paul

jdran

paulus1031
Thank you very much for your suggestions, I ll try and post back with the results.

However, you mention my website does not have p tags. Actually the only thing I did about content was to include the sample data during installation process from JA Simpli template package and touch the Menu options in Category Blog changing the Blog Layout from 2 columns to 4 and showing 16 intro articles instead of 4 (I just copied some existing articles). That's why it looks like your demo (Explore>Layouts>Category Blog)
The only reason that I can imagine it does not already have the p tags is either because I have downloaded an older JA Simpli demo package or you have a different version than what you provide for wider use.

Thank you for your efforts, I ll post back with my findings.

paulus1031

Can you add site access details and we can take a look?

Thanks
Paul

paulus1031

https://member.joomlart.com/forums/d/772-how-to-ask-a-question-on-forum

Under point 5 if unfamiliar with this process

Cheers
Paul

jdran

I have added login details, is that alright?

paulus1031

yep that is correct way of adding them but I can't login with them

Can you double check they are correct and are set as superadmin

Cheers
Paul

jdran

paulus1031
apologies, username was wrong, I corrected it 😃

saguaros

jdran

Images & Titles of articles on this Blog page have different height, you can define the min-height for these elements:

.blog .items-row .item .item-image img {
    min-height: 111px;
}

.blog .items-row .item .page-header {
    min-height: 80px;
}

and truncate the introtext as Aman suggested.

Regards

jdran

It is much better now,
Thank you for your efforts.

ps. If someone else has the same problem with read-more buttons, he needs to be carefull not to put too early into the article the "system-readmore" tag and decide to include or not to include an image through Images&Links tab (while creating or editing an article) for an identical view of each article on category blog.

Cheers!