Post image

• 

  theartroom1 · Member · Jul 10, 2014 at 11:32 am

  • Copy link
  • Add topic to favorites

  Hi I am having trouble making an image on my front page post full width. pLease help
  http://www.the-art-room.com.au

  The blog I need help with is: (visible only to logged in users)

• 

  rachelmcr · Member · Jul 10, 2014 at 5:53 pm

  • Copy link

  Hi there,

  It sounds like you didn’t receive my reply to your other support request here:

  https://en.forums.wordpress.com/topic/full-width-image?replies=2

  Here’s how you can make that image full width:

  By default, the maximum width for images and other media in posts using the McKinley theme is 700 pixels. There are a couple ways you can change that:

  1. You can add the image as a Featured Image on the post. That way, the image will display wider.

  2. You can customize the content width for images and other media on your site. To customize that content width, go to your My Blogs page and click the Customize link under the blog’s title. In the Customizer, open the CSS section and look for the “Content Width” setting there. You can enter the exact number of pixels (for example, 1000px) that you want full-size images to have on your site.

  If you have any trouble with that, please reply here to let me know. :)

• 

  theartroom1 · Member · Jul 14, 2014 at 6:10 am

  • Copy link

  HI Ok I have tried both ways and it still doesn’t seem to want to work.
  Cheers
  Erika

  From: “WordPress.com Support Forums” Reply-To: Date: Thu, 10 Jul 2014 17:53:41 +0000To: Erika Gofton Subject: [WordPress.com Forums] Post image

  a:hover { color: red; } a { text-decoration: none; color: #0088cc; } a.primaryactionlink:link, a.primaryactionlink:visited { background-color: #2585B2; color: #fff; } a.primaryactionlink:hover, a.primaryactionlink:active { background-color: #11729E !important; color: #fff !important; } /* @media only screen and (max-device-width: 480px) { .post { min-width: 700px !important; } } */ WordPress.com body { font-family: arial; font-size: 0.8em; } .post, .comment { background-color: white !important; line-height: 1.4em !important; }

• 

  rachelmcr · Member · Jul 14, 2014 at 11:01 am

  • Copy link

  Hi Erika,

  Sorry about that, I see what’s happening now. That post is in an image format, which makes the featured image not show up on the post. If you change the post from image format to standard format, that will make the featured image appear above the post.

  To change the post format, you can edit the post and look for the Format module. There, you can select Standard and then click the blue Update button to save the changes.

  Please let me know if you run into any more trouble getting that image to show up the way you want it. :)