CSS change header picture height

• 

  slief · Member · Dec 14, 2016 at 10:10 am

  • Copy link
  • Add topic to favorites

  I want to change the featured picture below the header to a different height.

  Right now i have this code in the CSS:
  div .entry-hero-wrapper {
  height: 200px;
  }

  div .entry-hero::before {
  height: 200px
  }

  , but it wont change with the CSS of the current template and when I erase the CSS of the template it works fine.

  Is there anybody that can help me with my trouble?

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

• 

  eallas · Member · Dec 14, 2016 at 2:53 pm

  • Copy link

  Hey slief!

  Have you tried changing the padding? I changed it when inspecting the element and found that by changing the padding at this code:

  /* Content */
  	.hero.with-featured-image,
  	body[class*="front-page"] .hero {
  		padding: 180px 0;
  	}

  To do so, you can either find the code and change the padding to about 75px:

  /* Content */
  	.hero.with-featured-image,
  	body[class*="front-page"] .hero {
  		padding: 75px 0;
  	}

  Or you can add css:

  .hero.with-featured-image body[class*="front-page"] .hero  {
      padding: 75px !important;
  }

  Let me know if you run into any problems.