Header Image size

• 

  crjohnsonltd · Member · Feb 20, 2017 at 2:03 am

  • Copy link
  • Add topic to favorites

  I am wanting to reduce the height of the featured image on the homepage, how can I do this?

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

• 

  aakashpatelsite · Member · Feb 20, 2017 at 10:23 am

  • Copy link

  Hi,
  I have visited your blog, to reduce the size of the image on the header then add following CSS to your code.

  .site-logo.attachment-canape-logo {
      height: 43px;
  }

  You can fix height according to your need.

  Thanks,
  Aakash Patel

• 

  kathrynwp · Staff · Feb 21, 2017 at 7:54 pm

  • Copy link

  Aakash – that CSS changes the height of the logo, but doesn’t affect the featured image.

  This CSS should reduce the height of the featured image on the homepage in Canape:

  .home .hero > img {
      height: 300px;
  }

  You can modify the height value as you like.

  Let us know how it goes.

• 

  crjohnsonltd · Member · Feb 22, 2017 at 4:50 am

  • Copy link

  That’s perfect, thank you. The other code did work aswell, but as you said it decreased the size of the logo also.

• 

  kathrynwp · Staff · Feb 22, 2017 at 2:46 pm

  • Copy link

  Glad you’re set. Feel free to start a new thread if you need help with anything else.