Problem With Blog Articles Layout Since Updating Helix Ultimate Template
digitalhouse
Hi,
I'm having some problems with the blog articles layout since updating to the latest version of the Helix Ultimate template (V2.1.3).
Previously, it was fairly easy to change the blog settings to 'Full-width Layout' in the template settings, and then use some CSS to style the article so that the 'Full Article Image' in the article settings would display as a full width banner at the top of the page, with some article info e.g. category and date published also full width underneath, and then create the rest of the article with SP Page Builder.
Since updating, the previous CSS I used is no longer working.
There also seems to be some problems with the article compatibility with SP Page Builder now, e.g. if I want a section to have a background colour which takes up the full width of the row, this breaks as soon as you try to vertically align the row. This can be fixed by just vertically aligning the columns instead, but this isn't a problem I ever encountered before.
Thanks in advance for your help.
Ziaul Kabir
Accepted AnswerHello,
If everything is working fine now, please mark the question as complete by accepting any of our answers.
Thank you!
Ziaul Kabir
Accepted AnswerHello,
Thank you for reaching out to us.
Could you please provide some screenshots of the issue you’re experiencing? That would help us understand the problem better.
To fix the issue with the link you provided, you can add the following CSS to your custom css. The problem appears to be caused by unnecessary inline styles applied to the section:
.view-article .sp-page-builder.sppb-article-page-wrapper > section {
margin-left: 0 !important;
margin-right: 0 !important;
}Thanks
digitalhouse
Accepted AnswerHi,
Thanks for getting back to me. In the link below are screenshots comparing a site where Helix has not yet been updated and the top section of a blog article (which is pulling category, published date, and the 'Full Article Image') takes up the full width, to the newer site I linked that's been updated and this no longer seems to be possible.
Also a screenshot of where vertically aligning on row settings breaks the full width section of an SP Page Builder article (orange background is forced to the left of the screen).
https://postimg.cc/gallery/mDNpMck
Unfortunately the CSS you've provided doesn't seem to have changed anything.
Thank you.
Ziaul Kabir
Accepted AnswerCould you please share temporary administrator access to your Joomla backend? You can provide the credentials securely in the hidden content section. Also, please take a full backup of your site before we make any changes.
Once I have access, I’ll investigate further and see what’s causing the issue. Let me know once you’ve shared the details!
Best Regards,
digitalhouse
Accepted AnswerHi, login details are below. Thanks.
Ziaul Kabir
Accepted AnswerPlease, check this url, I think this issues is resolved: https://rbaccountants-com.stackstaging.com/blogs/blog-6
Please, let me know Is there any other issues you are facing, You can add screenshot of your issues.
Thanks
digitalhouse
Accepted AnswerHi,
Unfortunately this hasn't helped with the full width issue. We would like the top section of the article (the section including the image and the category and published date) to take up the full width of the page like it does in this screenshot - https://i.postimg.cc/TPpZfMnc/Screenshot-2025-07-10-at-08-46-57.png
This was working prior to the new Helix update but now does not work.
Thank you.
digitalhouse
Accepted AnswerHi,
Although this helps with the width of the top section on the article, it also makes the menu bar and top bar full width (which makes the blog article pages look different to other pages on the site).
Previously I was able to just make the article section full width.
It seems like something has gone wrong with the setting 'Full-width Layout' in the Blog settings in the template since the Helix update, as nothing about the blog layout changes now when you toggle it on/off.
Thanks.