Remove space between sidebar and content area

This is what manages the content area:

.content-width {
    max-width: 1280px;
    padding: 3% 2%;
    margin: auto;
}

So you will need to play with customizing that for your needs. You will still get some space though because the page template uses the Bootstrap grid structure and this is where it then becomes a bit of a challenge because you don’t want to completely change the .container class left and right padding to 0 for all instances of it….only for the pages you want by getting the page id class off the body tag.

Example:

.page-id-120 .content-width .container-fluid  {
    padding: 0;
}

• This reply was modified 9 years, 6 months ago by Shaped Pixels.

You’re very welcome. In fact, it’s actually 1:15am for me so I will be off to the land of sleep in a moment, but to follow up with your last question…

Remove the .page-id-120 class part. But please be aware that this will affect “all” pages throughout the site.

I’m awake!

Anyway, you need both actually, with the first having the modified CSS…

.content-width {
max-width: 100%;
padding: 3% 0;
margin: auto;
}

.page-id-120 .content-width .container-fluid {
padding: 0;
}

I don’t see any margin, although if you can show me a page with actual content on it where a margin is showing, I can look…as in actual text content; or will there be no text content?

If all pages is to have the “no side margin space” then

.content-width .container-fluid {
    padding: 0;
}

Your heading is doing it…

.entry-header {
    display: none;
}

or, you can use a plugin that lets you hide page and/or post titles from the editor level.