How to Have Image Use the Entire Width of the Post on the Homepage

Below are screenshots of the layout we want on our homepage.

Screen Shot 2014-02-12 at 11.43.06 AM

Screen Shot 2014-02-12 at 11.43.19 AM

Now to achieve this, we need to make sure that our blog is displaying full text.

Screen Shot 2014-02-12 at 11.47.51 AM

Screen Shot 2014-02-12 at 11.48.01 AM

Now we have two option on how to display an image the full width of our blog post. First, we can set a featured image and have it show our “post-thumbnail” size on the very top. We can also limit how much of the text gets displayed by using the <!--more--> tag.

Screen Shot 2014-02-12 at 11.52.48 AM

Which produces this.

Screen Shot 2014-02-12 at 11.53.34 AM

You can also just insert an image in your blog post at the very top of your editor, like this.

Screen Shot 2014-02-12 at 11.56.46 AM

And you get this.

Screen Shot 2014-02-12 at 11.57.26 AM