Wider body in a GitHub Pages site

Question

My GitHub Pages site looks like this:

I don't like how thin the body is (it's padded with blank space on both sides, each making up 33% of the page). This is theme-independent, as it was happening before I activated my current Jekyll theme. I can't find any information on how to expand the part of the body that actually has content.

As is usual with Jekyll, I use Markdown for the webpages, so I can't manually edit any HTML to remove the whitespace.

How can I make the amount of blank space on the sides of the body smaller?

Answer 1

Create a file /docs/assets/style.scss with this content at the top of the file:

---
---

@import "{{ site.theme }}";

.inner {
  max-width: 75%;
}

Change 75% to the desired width of the body.

Found with help from ceejayoz.