Site logo

Archived topic

How to stop the sidebars from affecting post content

20 replies · Started by kyle on October 31, 2020

Viewing posts 16–21 of 21

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?

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

I've tried that, it doesn't work

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.

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

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.

This archived topic is closed to new replies.