Hi,
This morning after updating Joomla 5 and Helix Shaper Ultimate I discovered that
the blog overview has a .row class added to every article.
This has a negative effect on the styling that worked so well without an override
and looks not that easy to fix.
Page:
https://logopedischcentrumhoofddorp.nl/logopedisten
Has something changed (looks that way) and how can I fix this?
best regards Marie-Anne
Hi there!
Sorry for your experience.
It seems 33% is defined for larger screens: https://share.cleanshot.com/L5Fql2d8
If you want it as 100% width then please use the following code in your custom CSS:
@media only screen and (min-width: 1366px) {
.team .blogteam .row >* {
width: 100% !important;
}
}Here is all about custom code placement in Helix Ultimate: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta
Best regards,
Please, use this css in your custom css
.view-category .article-list .row.row-1 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.view-category .article-list .row.row-1 .col-lg-12 {
width: 100% !important;
margin-right: 0 !important;
padding: 0 !important;
}
@media (max-width: 767px){
.view-category .article-list .row.row-1 {
justify-content: center;
}
}Thanks
Thank you both for your answers. In the end it was good enough to replace
.row > * by .row .row with a space in between in both mediaqueries.
regards Marie-Anne
It’s great to hear that your issue has been resolved.
If everything is working fine now, please mark the question as complete by accepting any of our answers.
Thank you!