Ghost blog page width


Ghost (this blog) is a great platform, nice and easy to run, maintain and post on. Problem is I didn't like the default page width, it was just a little too slim.


Thanks to Alex H, who knows CSS unlike myself managed to find the line you need to edit to actually rectify this.

For the default theme the file path is as follows:

Line number 994 contains the following: max-width: 710px; I felt that removing it entirely caused the blog to look a little TOO wide, so changed it to 1200px which it's currently set to.

Just in case the line number changes in future the line is contained in the following CSS block:

/* Every post, on every page, gets this style on its <article> tag */
.post {
    position: relative;
    width: 80%;
    max-width: 1200px;    
    margin: 4rem auto;
    padding-bottom: 4rem;
    border-bottom: #EBF2F6 1px solid;
    word-wrap: break-word;

Following a forever restart index.js it's good to go!