Reducing Featured Image Height

• 

  islandpetmobileservices · Member · Feb 27, 2017 at 6:24 pm

  • Copy link
  • Add topic to favorites

  I would like to reduce the height of the Featured Images on all pages. I want to be able to see the page’s information without having to scroll down several times. Currently they are almost 600px in height and I’d like them to be about 300px. (islandpetvetservices.com, Radiate theme)

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

• 

  thesacredpath · Member · Feb 28, 2017 at 4:02 am

  • Copy link

  You know, I’m not sure we can do this. First off you are going to have to redo all your featured images on pages so that they are only 300px tall by about 1200 wide. I would suggest starting with a draft page that you can preview to see how things work. Add the following to your custom CSS and then do a draft page.

  .featured-image {
    max-height: 300px;
    overflow: hidden;
  }
  .featured-image img {
      max-height: 300px;
      width: auto;
  }

• 

  islandpetmobileservices · Member · Feb 28, 2017 at 4:38 pm

  • Copy link

  It worked! Thanks so much!

• 

  thesacredpath · Member · Feb 28, 2017 at 8:29 pm

  • Copy link

  You are welcome.