[Support request] How to stop the sidebars from affecting post content

[kyle]

Yes I’d like everything to stay the same. I Just want to move the right widgets more into the white space. perhaps allowing the content to spread only a little bit. maybe 75px?

[David]

The simplest fix is to create a different Layout Element for your Single Posts and increase the Content Width

[kyle]

I’ve tried that, it doesn’t work

[David]

If you want the content to be centered and to be 950px wide, then to its right a roughly 300px wide sidebar then the width requirements are:

300px ( left sidebar space ) | 950xp ( centered content ) | 300px ( right sidebar space )

Which is a total of 1550px.

The only way to keep all of these spaces would be to reduce the content width or the sidebar width.

[kyle]

Where can i change all these individual space amounts? Thanks for your help David; im struggling with this one abit.

[Elvin]

Hi,

Where can i change all these individual space amounts? Thanks for your help David; im struggling with this one abit.

You can adjust the width of left and right sidebar through Dashboard > Appearance > Customize > Layout > Sidebars. You should see something like this – https://share.getcloudapp.com/eDuPOPAQ

If you prefer to use fixed pixel values, you’ll have to use Custom CSS w/ these selectors:

#right-sidebar { width: 300px; }
#left-sidebar { width: 300px; }

For the content container, you can use #primary or .content-area.

Example:
#primary { width: 950px; }
or
.content-area { width: 950px; }

And as for the container that wraps both the content area and the sidebars, you can control it through Dashboard > Appearance > Customize > Layout > Container and set the Container Width which sets its max-width.

[Author]

Posts