Archived topic

Make site width smaller when there's no sidebar

3 replies · Started by emanharout on December 30, 2020

Viewing posts 1–4 of 4

December 30, 2020 at 10:38 pm #1600332

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?

December 31, 2020 at 5:00 am #1600558

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;
}

December 31, 2020 at 1:06 pm #1601075

Thanks David! That did it.

January 1, 2021 at 5:50 am #1601459

Glad to hear that

This archived topic is closed to new replies.

Start building better websites today.