Anyway To Hide Or Resize Featured Image

• 

  pinemtnschool · Member · Jul 12, 2016 at 2:26 pm

  • Copy link
  • Add topic to favorites

  Is there anyway to hide or resize featured images on a post? I’ve tried Googling it and can only find a plugin solution for a the .org WordPress. On my Fall Color post I would like to be able to either hide or make the featured image a different size for the page. The image is simply too intrusive for what we’re wanting to do with the page and the reader has to scroll too much to get to the content. So, resizing it or hiding it all together so I can add in some other smaller images both would 100% work whatever is easiest/can be accomplished!

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

• 

  pinemtnschool · Member · Jul 12, 2016 at 2:33 pm

  • Copy link

  Apparently I can’t find a way to edit this and forgot to close my link off oops. Fall Color Post

• 

  hallluke · Member · Jul 12, 2016 at 2:58 pm

  • Copy link

  You can resize the images on just their single pages using this code, I’ve also included how to align it but you can leave out the second section if you want to keep it centred.

  body.single-post .feature-img img {
  	max-height: 300px;
  	width: auto;
  }
  body.single-post .feature-img {
  	text-align: left;
  }

  To hide it entirely (just on the single post views) use this instead:

  body.single-post .feature-img {
  	display: none;
  }

  One other option is to crop the image so just the top section is showing, like this:

  body.single-post .feature-img {
  	height: 200px;
  	overflow: hidden;
  }

• 

  pinemtnschool · Member · Jul 12, 2016 at 3:31 pm

  • Copy link

  I literally just figured out how to hide them all and then checked this I’m sorry you took the time to respond and I figured it out halluke!

• 

  hallluke · Member · Jul 12, 2016 at 5:31 pm

  • Copy link

  That’s OK, it’s here for other people to find in the future so hopefully one day it will be useful!