Stretch feature image to fit 2017 theme

• 

  rajnikur · Member · Aug 3, 2017 at 7:31 pm

  • Copy link
  • Add topic to favorites

  Is there any way to stretch the featured image to fit the full width for the 2017 theme? I have hundreds of posts / pages from a different theme that now don’t fit, and I’m hoping I can make them fill the white space.

  thanks!

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

• 

  juliannekb · Member · Aug 3, 2017 at 8:05 pm

  • Copy link

  Hi, @rajnikur –

  It looks like the featured image size in 2017 theme is 2000px wide by 1200px high.
  (See this website – codex.wordpress.org/twenty_seventeen)
  If you can download the images from your site (or if you have them saved outside of your site already), then I’d just change the size using a photo editor or MS Paint.
  In Paint (my personal preference) – open up the photo, and select “resize”, under the “crop” button. There is an option to resize by Pixels. You’ll probably have to de-select “Maintain aspect ratio” – then type in 2000 x 1200 pixels. Sometimes I have to crop first so that the stretching isn’t as obvious. :)

  Hope this helps!

• 

  rajnikur · Member · Aug 3, 2017 at 8:09 pm

  • Copy link

  Thanks @juliannekb, I have too many images to do that for each one, I was hoping to use some CSS to do it. Is there any code that would work?

• 

  thesacredpath · Member · Aug 3, 2017 at 8:16 pm

  • Copy link

  Hi @rajnikur, give the following CSS a try.

  .single-featured-image-header img {
    width: 100%;
  }

  It will result in some loss of quality on images that are smaller than the recommended size since we are asking the browser to resize the image, and they are not very good at that.

• 

  juliannekb · Member · Aug 3, 2017 at 8:16 pm

  • Copy link

  Let me look into that… :)

• 

  juliannekb · Member · Aug 3, 2017 at 8:17 pm

  • Copy link

  There it is – thanks @thesacredpath! :)

• 

  rajnikur · Member · Aug 3, 2017 at 8:29 pm

  • Copy link

  Thanks @thesacredpath, that did the trick!

• 

  thesacredpath · Member · Aug 3, 2017 at 9:56 pm

  • Copy link

  @rajnikur, you are welcome.