Use all white space in blog section

Typically the blog area and also the site are will consist of the content area (blog for example) and the widget area on the right side. How can I use all the space for the blog content? I want my blog entries not to be so long and the text wider. I also do not use any widgets there so I would want to use the space better.
This is what I am talking about
http://www.florianwurm.at/schulerfolg-garantiert/
I want the blog (or site) content text to span the whole white area.

Thanks in advance
Florian

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .page-template-single-service #primary.content-area {
      width: 100%;
    }

Regards,
Kharis

Hi Kharis.
Thanks for your reply. Sadly this did not seem to work.
Right now as you read this the css code is still set.

Do I have to change something in the template section for the blog as well?
Note: The Blog overview spans a 100% (it did so before) but the single blog entries do not. :confused:
http://www.florianwurm.at/lerntechniken/weg-zu-herausragenden-leistungen/

Hello there,

Try this CSS code:

    .site-main > .hentry {
      border-right: none;
    }

    .site-content #primary.content-area {
      width: 100%;
    }

Regards,
Kharis

Thanks again! That worked like a charm.

Sorry for asking again. I hope you don’t mind. This makes the lines rather long and not as easy to read. (like I couldn’t have thought of that before! Dang! :D)

I set the width now to 75%, so now it basically looks like it was before only without the border on the right.

Is there a quick and easy way to center the blog entry in the middle of the big white field?

What I want is this: Center the content in the middle of the page, not using all white space, but also not having a huge white space on the right, just making it center. So it should have equal white space on each side. The text style should just stay as it is. I hope you know what I mean.

Much like this here:

http://masterofmemory.com/how/

Thanks once again. Your help is very much appreciated.

Hello there,

Try this code:

    .site-main > .hentry {
      border: none;
    }

    .site-content #primary.content-area {
      width: 100%;
    }

    @media only screen and (min-width: 991px) {
      .single-post .site-main > * {
        width: 800px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
      }
    }

Regards,
Kharis