First of all, thanks for this wonderfull starting theme!

In the header I only use an image. But underneath the image some extra pixels are added so the next block (the menu) does not connect nicely to it. There is a gap. I can't seem to find what's causing this...
In a footerblock in which I also call an image, the same happens.

What css setting am I overlooking?

Comments

Anonymous’s picture

Anonymous (not verified) commented
Assigned: Unassigned »
Status: Active » Needs review

If you added your image through a block, there's a fair chance that the image is inside a p tag. By default, there is a line-height of 1.286em on the page, and this might be happening on the p tag. You might be able to remove this gap by selecting the p in these specific blocks and assign a line-height to 0.

So that would look kinda like this (you might have to change the block ID) :

#block-block-4 p{
  line-height:0;
}
Tino’s picture

Tino commented

Thanks again! That of course is the solution.
For my footer it worked, 'cause it was in a block and p-tags are indeed automatically added, thus inhereting the line-height set in #page.
For my header it didn't, 'cause that was the theme's (page-wide) logo.
By putting the header-image also in as a block, I have what I want and there's more logic to it as well. ;-)

Anonymous’s picture

Anonymous (not verified) commented
Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.