How To Modify Article Structure In Helix? - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How To Modify Article Structure In Helix?

SC

Sion Creativos

Helix Framework 2 years ago

Hi, how can I change the structure of the content articles, so that the title, date and author appear above the photo, not below it.

0
5 Answers
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #129349

Hi there,

I appreciate you reaching out. I sincerely apologize for this oversight. Here is the instruction.

Copy the com_content & layouts folder from this location

plugins/system/helixultimate/overrides/com_content/

plugins/system/helixultimate/overrides/layouts/

Keep your copied folder here

templates/shaper_helixultimate/overrides/

-Thanks

0
SC
Sion Creativos
Accepted Answer
2 years ago #130305

Ok, I already did this, now can you tell me how to make the change in the layout of the content articles?

0
Pavel
Pavel
Accepted Answer
2 years ago #130345

Hi. Override not need. Only CSS.

.article-list .article {
    display: grid;
}
.article-list .article-body {
    display: contents;
}
.article-list .article-header,
.article-list .article-info {
    order: -1;
}
.article-list .article-info {
    margin-bottom: 2rem;
}

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 2 years ago #130373

I don't know what exactly do you want do. Can you share a screenshot that you want to exactly? Thanks

0
pepperstreet
pepperstreet
Accepted Answer
2 years ago #130339

Apart from creating "real" PHP overrides, you can also achieve results with some custom CSS. The documentation gives you an example: https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-change-the-order-of-elements-in-the-article-view

Hope this helps.

0