Helix Ultimate 3.8.10 Difference From 3.8.9
Charles Southgate
The following css restricts the page width to 1140px in SPPB 3.8.9 but it doesn't work on SPPB 3.8.10
@media (min-width: 1140px) .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1140px;}
Is this:-
(a) expected?
(b) fixable without reinstalling SPPB 3.8.9?
* Apologies for saying Helix Ultimate in the title. I meant SPPB
Paul Frankowski
Accepted AnswerI made extra investigation and mentioned by you classes names are from Bootstrap v5.2.2 > Helix Ultimate 2.0.12
templates/shaper_helixultimate/css/bootstrap.min.css
not SPPB itself as I predicted.
you can check that file in editor to preview all used styles, and then decide if you want to override default styles or add "new" one.
In HU 2.0.11 we used Bootstrap v5.1.3 and there was
@media (min-width:1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl
{max-width:1140px}
}I hope now is all clear.
Paul Frankowski
Accepted AnswerHi Charles,
to be honest, I don't remember that change from SPPB 3.x changelog.
So I guess, option (b)
But I couldn't find it inside 3.8.x CSS files. In SPPB 3.8.9 and 3.8.10 we have, for example, .sppb-row-container
Anyway, you can add inside Helix custom CSS:
@media (min-width: 1140px) {
.container, .container-lg, .container-md, .container-sm,
.container-xl, .container-xxl {max-width: 1140px;}
}If this will help you somehow.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Yes Paul is right you can use this custom CSS
@media (min-width: 1140px) {
.container, .container-lg, .container-md, .container-sm,
.container-xl, .container-xxl {max-width: 1140px;}
}Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
-Regards.