[Resolved] Container Widths

[Janine]

HI, guys!

I want to understand container widths.

Does the container width consist of the following:

width of content + left padding + right padding + left border + right border + left margin + right margin

Thank you!

[Janine]

I see that your default container width for blog is 1100px.

And it looks the actual post content width is 670px.

Am I correct? Thank you!

[Leo]

Hi there,

For this page?

The container width is 1200px.

The sidebar is 300px and the post area is 870px. 30px for the separating space.

[Janine]

Hi, Leo.

Thanks for the information.

I guess I don’t understand container widths.

I want my post area to be 650px and I guess the sidebar to be half of that.

What is the best course of action to achieve those numbers? Thank you.

[Janine]

I want it to look like this, I think:

http://lovely.designbybloom.co/

Thank you!

[Janine]

I like this one too: https://www.byrosanna.co.uk/blog/getting-your-first-clients-as-an-online-business

[Leo]

You can achieve that by playing around with these settings:
https://docs.generatepress.com/article/container-layout-overview/

[Janine]

Thanks, Leo.

[Leo]

No problem.

[Janine]

One more question:

After I’ve played around with container layout, how can I determine the exact width of the post area?

I want this information so that I can optimize my image sizes prior to uploading them.

Thank you.

[Leo]

I would just do this: http://www.screencast.com/t/d7lItzfYONpd

[Janine]

Thanks, Leo. I finally understand.

[Leo]

No problem 🙂

[Janine]

Hi, Leo.

Is there any way to control the container widths of the post area and sidebar separately? Thank you.

[Leo]

Try this: https://docs.generatepress.com/article/sidebar-widths/

[Author]

Posts