Sela: Make featured image on single post look like page

• 

  toughsquad · Member · Feb 15, 2016 at 1:58 pm

  • Copy link
  • Add topic to favorites

  Hi! Is it possible to make the featured image of a single post (like this one) on the Sela theme look like the featured image of a standard template page (like this one)?

  I do want to retain the side bar and the rest of the layout of the single posts but I’d prefer it if the featured images were bigger (at least wider).

  Can’t seem to figure it out. Thanks!

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

• 

  toughsquad · Member · Feb 15, 2016 at 2:00 pm

  • Copy link

  Woops, see that the link to the single post page is not the regular one. Should be this.

• 

  carladoria · Member · Feb 15, 2016 at 3:55 pm

  • Copy link

  Hi there,
  Try using this CSS:

  .post-thumbnail img {
  display: block;
  width: 1150px;
  }

  img {
  max-width: none;
  height: auto;
  }

  .sidebar-widget-area {
  width: 200px;
  margin-top: 500px;
  }

• 

  perseverantia · Member · Feb 16, 2016 at 8:39 am

  • Copy link

  Thanks! That sort of half solved the issue. The code made the featured image change size on every page of the website, and moved the sidebar down on the main page too, so I changed it to this:

  .post-thumbnail img {
  display: block;
  width: 1150px;
  }
  
  .single img {
  max-width: none;
  height: auto;
  }
  
  .single .sidebar-widget-area {
  	margin-top: 500px;
  }

  Question: It seems as if the header images are stretched rather than rescaled and therefore blurry. Is there a way to solve this? Should I regenerate the thumbnails? The featured images in the media library are big enough (e.g. 5184x3456px)

• 

  toughsquad · Member · Feb 16, 2016 at 8:40 am

  • Copy link

  That was me again from an old account ;)

• 

  toughsquad · Member · Feb 16, 2016 at 12:53 pm

  • Copy link

  Ok, I managed to get clear featured images by resizing them to the exact width needed and reuploading them. This topic can be closed.

• 

  thesacredpath · Member · Feb 16, 2016 at 8:03 pm

  • Copy link

  Awesome, and let us know if you have additional questions or problems.

• 

  toughsquad · Member · Feb 18, 2016 at 12:53 pm

  • Copy link

  Well the featured image blurriness doesn’t seem to have completely been solved: it’s a bit random which pictures are clear and which are not. Are there any other tricks? Should I e.g. also change the featured image size somewhere else in CSS?

• 

  thesacredpath · Member · Feb 18, 2016 at 6:29 pm

  • Copy link

  @toughsquad, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites using Sela, such as yours, I would suggest asking for help in the Sela Theme Support forum at WordPress.org.

  For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

  The differences between WordPress.com and WordPress.org.

  Changing featured image sizes through CSS will typically always result in some loss in quality because we are asking the browser to resize the image. Since you are self-hosted, there are other options available to you.