SP Page Builder CSS Overriding Template CSS - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

SP Page Builder CSS Overriding Template CSS

C

conshelf

SP Page Builder 4 years ago

Hello,

I just updated SP Page Builder 3.7.4 to 3.7.13 on my site, which was built with the News365 template.

For some reason, even though the template.css file has this CSS:

@media only screen and (min-width: 1400px)
.sppb-container, .container, body .sppb-row-container {
    width: 1335px;
}

The width is being overriden by this CSS, even though the window size is larger than 1400:

@media (min-width: 1200px)
.sppb-row-container {
    max-width: 1140px;
}

The source of the above CSS is from this file: components/com_sppagebuilder/assets/css/sppagebuilder.css?f3dfe3134098716856e21d802c04e443

Kind regards, John

0
Website
https://www.ecomagazine.com
1 Answers
Order by
Oldest Newest Votes
Ariba
Ariba
Accepted Answer
Support Agent 4 years ago #29756

Hello

Thank you for your query.

Please add the following css rule in custom css section of your default template.

@media (min-width: 1200px)
.sppb-row-container {
    max-width: unset;
}

Please do let me know if that works.

0