Customizing The Look Of Articles
Ronny Ko
HI there,
I was wondering how I would go about to make template overrides in the Helix Ultimate framework so I made my articls look different. I would like to no lose the cutomization with each template update.
from: https://forteinnovations.com/component/content/article/what-is-cogs?catid=8&Itemid=101
to: https://pilot.com/blog/expanding-our-financial-insights-suite-with-recurring-expenses
I would like to know all the pieces I would need to touch to put a header, add the right amount of padding, the left-right centerin and add the right decorations to the article as they have done it.
I look forward to your help.
Paul Frankowski
Accepted AnswerHi Ronny,
- ABout moving title above the image, we had separate topic on the forum few days back.
- But if you think about this
it can be separate Row (section) with module position in template layout, above the component, where you can set bg color and add module with similar HTML code as they did
<a href="/blog" class="blog-post__breadcrumb w-inline-block"><img src="/assets-global.website-files.com/60a5136f2c6c8e4fb3a130d9/615b2187165d03db918aa853_blog-carrot.svg" loading="lazy" alt="back" class="breadcrumb"><div>Back to The Blog</div></a>
So you don't have to touch any php line/file from template code.
Ronny Ko
Accepted AnswerHi Paul,
reply to #1: can you give me hints or the link to the topic from a few days back that you're referencing?
reply to #2: Good idea
Ronny Ko
Accepted AnswerHi, I"m still waiting for your answer on your suggestion on where I can find the post from a few days back.
Ronny Ko
Accepted AnswerHi Paul,
I thought more about your suggestion. I think you're suggesting that I use SP Page Builder to emulate the deisgn at Pilot. But to manage article, I think it would be more efficient to use the Joomla built-in article system. That's why I was asking you about modifying the Helix Ultimate with overrides; overrides that would be preserved with each Joomla update. Currently, I built a special module and that's not giving me the desired design layout that's like Pilot's
here's the not so desirable design: https://forteinnovations.com/heres-how-bitcoin-works
it should be:
| image header
** | ipso solum
-
| text text | text text
left side would have some nice dot image right side would have the actual article text
What do you think?