we use the napili theme which has a width of 1140px. For a specific page i created a new community layout with the following code:

<aura:attribute name="column1" type="Aura.Component[]" required="false"/>

<div class="container">
    <div class="contentPanel">

and the following css

.THIS .contentPanel:before,
.THIS .contentPanel:after {
    content: "";
    display: table;
.THIS .contentPanel {
    width: 100%;

But through this layout will be inserted into

<div class="cCenterPanel" tabindex="-1" data-aura-rendered-by="247:0">

which has max-width:1140px it is not possible to get this page full width over the whole desktop.

Does anyone have an idea, how to override this max-width for that special page?


1 Answer 1


figured it out..

every page have its own body-class

.comm-page-custom-PAGENAME .cCenterPanel {
    max-width:100% !important;       

add this to your community css

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .