Blog-Articles > Same Height And Other Problems (Page Builder + Helix Ultimate)
Börje Devoti
I have the following task:
- I need to show recent articels on a page. I try to use the "articles scroller" but ave the following problems: – the read more butto. is not shown (actually there is no such option to choos which is strange) – the articles all have different heights which looks weird. This is apparently because of the diffrent lenghts of the artice titles. But I need to have them all in the same height. How do I achieve that?
Now it looks like this:
- Alternatively I would use the "article" addon. Here I have the following problems (I have already styled the addon the readmore-buttons are supposed to be on the right side…): – Same as above: the hight is different on the Articles. I need the articles to have the same height.
Looks like this:
- Additionally I will need to have a blog-page like the blog page on "Investa"-template (that would be exactly what I need…). Can I achieve that with the Helix-Template? If so, how? I have already tried to use a custom Joomla-Module (Articles from category), but that only shows the Text-Titles…
Paul Frankowski
Accepted AnswerHi Börje,
There are certainly several methods to improve this, but the simplest seems to be the one using min-height for block (item) area. Yes, by using Custom CSS you can fix height in both "articles scroller" and "articles" addon.
- Useful tool that your browser already have: https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
- I assume that having a preview as to the class name you will manage by adding a few lines of CSS, with
min-heightvalue etc.
Simple example for Articles addon (investa theme)
.addons-articles-style .sppb-article-info-wrap {
min-height: 400px; }OR
.addons-articles-style .sppb-article-info-wrap {
display: flex; flex-direction: column;
min-height: 400px; }Börje Devoti
Accepted AnswerI have already tried that. It works for the articles-scroller. But combined with the read-more-button I don't know how to make the buttons align on the bottom:
I suppose if there should be the possibility to add readmore-buttons to the scroller I would have the same issue!?
Paul Frankowski
Accepted AnswerOf course it was just a example, also if we talk about 400px that seems to be too big value for your project.
Now You have to use your CSS skills to play with location of "read more" button.
Paul Frankowski
Accepted AnswerWithout URL - not really.
Besides design CSS customization is on your side.
Börje Devoti
Accepted AnswerI'm sorry. I meant only regarding 3 (as 2 was almost the same as 1…)
Means: Is it possible to get a Blog-Page like the one in the "Investa"-Template using Helix? I so, how? I have tried to use a custom Joomla-Module (Articles from category). But if I put that into a Pagebuilder-Page it only shows Text. Same for the Joomla-Module provided by the template…
I send you the URL and access credentials for the page in the hidden content.
Paul Frankowski
Accepted Answerad 3) you have to use menu item > Category Blog view with 3 columns + serveral lines of custom CSS and then it should be possible, but as you see as component view, not module nor addon view.
The above method has another advantage, created short alias by Joomla Menu for each article link. But I think that's obvious.
so it all depends on where and how you want to show the news / blog posts.