Blog-Articles > same height and other problems (Page Builder + Helix Ultimate) - Forum | JoomShaper
Awaiting an answer SP Page Builder

Blog-Articles > same height and other problems (Page Builder + Helix Ultimate)

Asked by Börje Devoti 3 years ago Last activity 3 years ago

I have the following task:

  1. 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:

  1. 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:

  1. 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…

5 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 years ago · edited

Hi 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.

  1. Useful tool that your browser already have: https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
  2. I assume that having a preview as to the class name you will manage by adding a few lines of CSS, with min-height value 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 Asked this
3 years ago

I 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 Senior Staff
3 years ago · edited

Of 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.

Börje Devoti Asked this
3 years ago

OK. Thanks. I think I can handle the height-problem.

Do you also have answers regarding my points 2 and 3?
I would be thankful if you have any proposals/solutions.

Paul Frankowski Senior Staff
3 years ago

Without URL - not really.

Besides design CSS customization is on your side.

Börje Devoti Asked this
3 years ago

I'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 Senior Staff
3 years ago · edited

ad 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.

look2023.gif

so it all depends on where and how you want to show the news / blog posts.

Börje Devoti Asked this
3 years ago

OK. I see and will try that.

Börje Devoti Asked this
3 years ago

Oh, and I'm just curious: is the blog page in the Demo of the Investa-template realized as you mentioned? Or ist this realized as a Pagebuilder-page?

Log in to reply.