Blog Page has Added An Extra .row Class For Every Article
marie-anne
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
Rashida Rahman
Accepted AnswerHi 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,
Ziaul Kabir
Accepted AnswerPlease, 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
marie-anne
Accepted AnswerThank 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