How to decrease space between header image and text below

• 

  asufoodpolicy · Member · Mar 20, 2017 at 7:16 pm

  • Copy link
  • Add topic to favorites

  Hello, on my website, http://www.asufoodpolicy.com, there is quite a bit of space between the featured image/header image at the top and the text below it on each page. I’m not using any blog posts, these are just static pages. I’m trying to decrease this space so the text is closer to the image but am having trouble figuring out how. Any help please?

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

• 

  asufoodpolicy · Member · Mar 20, 2017 at 7:17 pm

  • Copy link

  I should add I’m using the Shoreditch theme

• 

  thesacredpath · Member · Mar 21, 2017 at 5:41 am

  • Copy link

  Hi, add the following to the bottom of your custom CSS and see what you think. You can edit the padding-top values as desired.

  @media screen and (min-width: 1020px) {
  	.hentry {
  		padding-top: 2.5em
  	}
  }
  @media screen and (min-width: 896px) {
  	.hentry {
  		padding-top: 2.5em;
  	}
  }

• 

  asufoodpolicy · Member · Mar 23, 2017 at 4:07 pm

  • Copy link

  This is perfect! Thank you so much!!

• 

  thesacredpath · Member · Mar 23, 2017 at 7:59 pm

  • Copy link

  You are welcome.