One Big Canard Featured Image

• 

  sarapaigeweber12 · Member · Dec 27, 2015 at 3:04 am

  • Copy link
  • Add topic to favorites

  Hi! I’d like to adjust my Canard website so that only one featured image shows up at a time. I’ve tried untagging the four others, but the 1 featured image stays to the left and rather small. Is there a way (through CSS or otherwise) to center the featured image and make it bigger?

  thedailywee.com

  Thanks so much!

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

• 

  jamiegiannini · Member · Dec 27, 2015 at 5:55 am

  • Copy link

  Hi Sarah, give this a try:

  @media screen and (min-width: 960px) {
  .blog .featured-content .hentry:first-of-type {
  	margin-right: 30px;
  	height: 350px;
  	width: 100%;
   }
  }
  
  @media screen and (min-width: 1080px) {
  
  .blog .featured-content .hentry:first-of-type {
  	height: 430px;
  	margin-right: 0;
  	width: 100%;
   }
  }
  
  @media screen and (min-width: 1380px) {
  
  .blog .featured-content .hentry:first-of-type {
  	height: 500px;
  	width: 100%;
   }
  }

• 

  sarapaigeweber12 · Member · Dec 27, 2015 at 6:01 am

  • Copy link

  That worked! Thank you so so so much! :)

• 

  jamiegiannini · Member · Dec 27, 2015 at 6:05 am

  • Copy link

  You’re welcome, cool site so far! :-)