Resize featured images on ESPIED theme

• 

  mukkinn · Member · Feb 28, 2015 at 8:00 pm

  • Copy link
  • Add topic to favorites

  Hi everybody !

  I’m looking for a CSS code for resizing my square featured thumbnails on my website frontpage.

  The theme i’m using is ESPIED, this visual heave great featured images but I really don’t know how to change their height/width.

  Someone for helping me ?

  Thanks a lot

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

• 

  mukkinn · Member · Mar 1, 2015 at 8:58 pm

  • Copy link

  Hello again !

  Nobody ?

• 

  timethief · Member · Mar 1, 2015 at 9:18 pm

  • Copy link

  Volunteers who work free of charge to provide CSS editing help are few and far between as that is what consultants are paid to do. Most Volunteers who do provide that service do so because they are aspiring to be on Staff. That said, the upgrade comes with Staff support and as soon as they work their way through all CSS Forum threads created before this one they will assist you. Please be patient while waiting.

• 

  timethief · Member · Mar 1, 2015 at 9:19 pm

  • Copy link

  P.S. Staff work through all forum threads and through all email support tickets in chronological order based on datestamps and timestamps – first posted first served, as would be expected.

  How long it takes to clear the threads and support tickets depends on how many Happiness Engineers are working on them at any given point in time. It also depends on how complex the issues in each thread and ticket are are.

  Please don’t bump your thread here by posting into it again because it’s not in your best interest to do so. Doing that moves the timestamps forward and it takes longer to get a response.

• 

  thesacredpath · Member · Mar 3, 2015 at 3:55 pm

  • Copy link

  Hi there, changing the size of the article blocks on the main page of Espied can be done, but there isn’t just one setting. As a browser window is narrowed, they adjust a number of times as the number of entries in a row change due to reduced width of the browser window or screen. Here are the media queries that control the widths. The widths are set in em units. You will also have to set a color for .site-main because the background of that area is white (that’s the last rule below).

  @media screen and (min-width: 30em) {
  	.post-type-archive-jetpack-portfolio .jetpack-portfolio, .tax-jetpack-portfolio-type .jetpack-portfolio, .tax-jetpack-portfolio-tag .jetpack-portfolio, .page-template-page-templatesportfolio-page-php .jetpack-portfolio, .project-navigation .jetpack-portfolio {
  		width: 50%;
  	}
  }
  @media screen and (min-width: 57em) {
  	.post-type-archive-jetpack-portfolio .jetpack-portfolio, .tax-jetpack-portfolio-type .jetpack-portfolio, .tax-jetpack-portfolio-tag .jetpack-portfolio, .page-template-page-templatesportfolio-page-php .jetpack-portfolio, .project-navigation .jetpack-portfolio {
  		width: 33.3333%;
  	}
  }
  @media screen and (min-width: 66em) {
  	.post-type-archive-jetpack-portfolio .jetpack-portfolio, .tax-jetpack-portfolio-type .jetpack-portfolio, .tax-jetpack-portfolio-tag .jetpack-portfolio, .page-template-page-templatesportfolio-page-php .jetpack-portfolio, .project-navigation .jetpack-portfolio {
  		width: 25%;
  	}
  }
  @media screen and (min-width: 84em) {
  	.post-type-archive-jetpack-portfolio .jetpack-portfolio, .tax-jetpack-portfolio-type .jetpack-portfolio, .tax-jetpack-portfolio-tag .jetpack-portfolio, .page-template-page-templatesportfolio-page-php .jetpack-portfolio, .project-navigation .jetpack-portfolio {
  		width: 20%;
  	}
  }
  
  .site-main {
      background: #ff9c38;
  }

• 

  mukkinn · Member · Mar 4, 2015 at 3:07 pm

  • Copy link

  Thank you very much thesacredpath, that’s works !
  Wonderful !

• 

  thesacredpath · Member · Mar 5, 2015 at 3:19 am

  • Copy link

  You are welcome.