For the life of me, I cannot figure this out...

I have an image that I put into the block. The block is set to fill the headline region.

There are about 10 extra pixels at the bottom of the image, making it look like the padding was set to 20px.

Gone through style.css line-by-line to figure out what is causing the problem and have not come up with any good solutions. Had the same issue with sidebar image blocks, but fixed that with #sidebar p { margin: 0px; } -- any similar solution for the headline region did not work.

Any ideas?

Ideas?

Comments

naheemsays’s picture

naheemsays commented

chances are that the image is being surrounded by p elements in the output, and thus the following css statement affects it:

#headline p {
	padding-bottom:15px;
}

so somehow either prevent the p elements being added to the block (this can be done with a new input format without the linebreak filter I think), or in local.css override the above statement to remove the padding.

A more general fix that works is welcome, but I could not figure one out.