SP Page Builder CSS Overriding Template CSS - Forum | JoomShaper
Solved SP Page Builder

SP Page Builder CSS Overriding Template CSS

Asked by conshelf 5 years ago Last activity 5 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

Accepted answer

Marked as the solution
Ariba Staff
5 years ago

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.

Log in to reply.