Remove space between header image and content

laurenezellyoga · Member · Jun 14, 2014 at 7:08 pm
Copy link

Add topic to favorites
I am working with the yoga theme. I want my front page to appear as a photo with a quote under it. To do this, I had to remove the page title from my front page using “tips and tricks”. This was successful, but the large gaping space remains between my quote and my header image. Is it possible to get rid of this space? Thanks

The blog I need help with is: (visible only to logged in users)
laurenezellyoga · Member · Jun 14, 2014 at 7:08 pm
Copy link
Sorry – I meant “yoko” theme. Freudian slip!
teamtellyexpress · Member · Jun 14, 2014 at 7:16 pm
Copy link
I Have Tag This For Staff Assistance…
laurenezellyoga · Member · Jun 15, 2014 at 12:14 am
Copy link
Thanks!
designsimply · Member · Jun 16, 2014 at 6:48 pm
Copy link
I checked http://laurenezellyoga.com/ and I see the large space below the image. That spacing is coming from a few separate CSS rules, in fact. One way to remove it would be to limit the CSS to the home page only by starting the CSS selectors with “.home” and then hide the page header completely so it takes up no space and also remove some of the padding and margins from a few other elements:
```
.home .page-entry-header {
	display: none;
}

.home #wrap {
	padding-top: 0;
}

.home #content .single-entry-content,
#content .single-entry-content blockquote {
	margin-top: 0;
}
```
@teamtellyexpress, there is no need to tag any CSS forum posts for staff assistance. :) We review any posts volunteers haven’t already addressed automatically.
laurenezellyoga · Member · Jun 16, 2014 at 8:50 pm
Copy link
That worked! Thank you so much!

No items found.