[Resolved] Make site width smaller when there’s no sidebar

[emanharout]

Hi support team,

Currently my site has the following CSS:

body.single.no-sidebar .site.grid-container {
    max-width: 750px;
}

While this works on any single-page blog post, it does not work on Pages that have no sidebar. Is there any CSS I can use to make regular pages 750px when they have no sidebar?

[David]

Hi there,

the .single is a body class that belongs to Posts ( not pages or archives ). You can remove that so your CSS looks like:

body.no-sidebar .site.grid-container {
    max-width: 750px;
}

[emanharout]

Thanks David! That did it.

[David]

Glad to hear that

[Author]

Posts