Remove space between header image and content
-
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)
-
-
-
-
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.
-
- The topic ‘Remove space between header image and content’ is closed to new replies.