Reduce feature image size

• 

  illianrainwriter · Member · Mar 15, 2016 at 1:20 pm

  • Copy link
  • Add topic to favorites

  Hi! I’m using the Gather theme at: http:/illianrain.com. My theme uses feature images for posts but the size is enormous and I need to reduce it by at least half, maybe more. I’ve watched the tutorials and read up on modifying the CSS but have not been able to reduce the size. Any help would be appreciated. Thank you in advance.

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

• 

  thesacredpath · Member · Mar 15, 2016 at 8:59 pm

  • Copy link

  Hi, you can give the following a try. The featured image on single post pages typically has a 6% left and right margin. This increase that to 30% on each side. I’ve limited this to screens/windows 510px and wider since below that the image would begin to get really tiny and not look good on small tablets and phones.

  @media screen and (min-width: 510px) {
    .single .entry-image {
      margin-left: 30%;
      margin-right: 30%;
    }
  }