featured image

• 

  mkhanna5 · Member · Dec 28, 2016 at 1:51 pm

  • Copy link
  • Add topic to favorites

  Hi, I would like to reduce the size (vertical height) of the featured image. On this page, https://mathsexperiment.com/the-approach/ you can see there is too much grey space.

  The theme is pique.

  Can someone help me with the code? Thank you so much!

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

• 

  kathrynwp · Staff · Dec 28, 2016 at 5:37 pm

  • Copy link

  Rather than CSS, I’d suggest you crop the featured image to your desired height first.

  The way this theme is coded, it won’t be possible to override the default header height with CSS, since it’s dynamically place inline in the code like this:

  <header id="masthead" class="site-header" role="banner" style="height: 443px;">

  If you crop your featured image first you should be able to achieve the effect you’re looking for.

• 

  mkhanna5 · Member · Dec 28, 2016 at 5:45 pm

  • Copy link

  Thank you! It worked. :)

• 

  kathrynwp · Staff · Dec 28, 2016 at 5:47 pm

  • Copy link

  Great!