Article Title appears below Read More on Category Blog page - Forum | JoomShaper
Staff replied Helix Framework

Article Title appears below Read More on Category Blog page

Asked by Gurdip Singh 1 year ago Last activity 1 year ago

Hi,
My site is built on:

  • Joomla 5.2.3
  • Helix framework
  • SP Page Builder
  • Nestfund template

I wrote to Support via email and they think it's a techincal issue, and to post in the forum here.

Issue: On my Blog page, the Title Header of the articles appear at the end, below the Read More. I would like to have it at the top, in this order: Article Header, Article Intro Image, Article Introtext, and finally followed by Read more.

Using your documentation's Customization Tips, I was able to fix the order for the single page articles by using the following CSS (by Paul Frankowski: https://www.joomshaper.com/supports/forums/question/10812). and updating the default.php file:

/ for articles list /
.view-article .article-details {display: grid;}
.view-article .article-details .article-header {order: -1;}
.view-article .article-details .article-full-image {order: -1;margin-bottom:30px;}
.view-article .article-details .article-info {order: 3;}
.article-details .article-ratings-social-share {order: 4;}

However, I was not able to figure out the CSS for the category blog page.

1 reply

Ziaul Kabir Staff
1 year ago

Hello Gurdip,

Thanks for reaching out to us. I have attached a screenshot, please check it. Our Nestfund template is designed this way. If you need customization, you may need to hire a developer, as we do not provide customization services.

If this design works for you, you can use the following custom CSS in your custom CSS file.

.article-list .article .article-body {
    flex-direction: column !important;
}

Thanks for your understanding.

Best regards,

Gurdip Singh Asked this
1 year ago

Thank you.
Your CSS fixed the issue.

Ziaul Kabir Staff
1 year ago

You are welcome.

Log in to reply.