Adjusting the width of blog posts on excerpt page and blog post pages

I’d like to modify the width of my blog posts on the excerpt page as well as on the blog page. Please see photos here. http://fotodisiac.com/wp-content/uploads/2017/01/Screenshot-2017-01-30-19.59.01.jpg http://fotodisiac.com/wp-content/uploads/2017/01/Screenshot-2017-01-30-19.58.39.jpg

I’ve elected to use blog posts without a side bar but find the width a bit too wide for comfortable reading.

Many thanks,
Genie

Hi Genie,

Width of the container is according to Bootstrap framework width and in order to have image which will use this width, you should use image with greater width https://www.screencast.com/t/acwRJ9f0TVpS but in case that you want to alter width for blog listing and single posts, this have to be done with some custom css code. You should be able to achieve this with custom code below:

/*blog list and single width*/
@media (min-width: 1200px) {
    body.home.blog .page-wrap .container,
    body.post-template-default.single.single-post .page-wrap .container {
        width: 880px;
    }
}

@media (min-width: 992px) {
    body.home.blog .page-wrap .container,
    body.post-template-default.single.single-post .page-wrap .container {
        width: 880px;
    }
}

You can apply the code with some custom css plugin or if you are using latest WordPress then apply it from Appereance > Customize > Custom CSS.

All the Best!

Many thanks dimikjones. This worked perfectly.