Archived topic

Change container on full-width posts only

7 replies · Started by Tobias on February 20, 2019

Viewing posts 1–8 of 8

February 20, 2019 at 12:31 am #815186

Hi,

I'm searching for a way to change the container width on posts/pages without sidebars.

As a result, full-width posts should be narrower and posts with sidebars should stay the same.

Hopefully you can give me a hint.

February 20, 2019 at 3:25 am #815307

Hi there,

some CSS like this:

body:not(.right-sidebar) #main {
    max-width: 720px;
}

February 20, 2019 at 4:02 am #815342

Thank you very much, David. This works great!

February 20, 2019 at 4:13 am #815359

You're welcome.

February 21, 2019 at 4:19 am #816389

This is great. Is there any way to center the whole thing?

February 21, 2019 at 4:26 am #816394

I centered it with

margin-left: auto;
margin-right: auto;

Hope that helps.

February 21, 2019 at 5:12 am #816431

Awesome. That did work. Thanks very much.

In case anyone wants to see how I applied this, here's a post with no sidebar and the revised width to 800px.

February 21, 2019 at 5:23 am #816445

Thanks Tobias - Will you can ignore the other topic reply :)

This archived topic is closed to new replies.