I am working with a variation of Amadou, and I can duplicate my problem in Amadou itself, so I'm hoping to find some help here. The problem is the spacing of the Header section. I'm displaying a randomly selected image and text in the header on the front page of our site by using a View. There is quite a bit of vertical spacing around the view, which I'd like to get rid of. However, I can't find out where this spacing is coming from. I tried using XRAY (http://westciv.com/xray/) to determine what is contributing this space, and the div involved doesn't seem to have any space defined in it (see image, attached). I've experimented a bit and I have not been able to remove the spacing. Can you suggest where in the layout.css or style.css (or template.php, if necessary) I need to edit to tighten up the top of our site? What we really want is for the top border of the view to be flush with the bottom of the colored logo area. I've already eliminated the extra space around the shaded area at the top -- see http://wsbetest.unh.edu/ or the second attachment for the current state. But there is still an area of white space between the bottom of the shaded area and the top of the view, and between the bottom of the view and the top of the nice menu I'm using to display the Primary Links.
Thanks!
| Comment | File | Size | Author |
|---|---|---|---|
| #1 | whittemore.png | 152.29 KB | jwolf |
| wsbe3-header-space.png | 200.12 KB | emdalton | |
| amadou-header-space.png | 186.41 KB | emdalton |
Comments
Comment #1
jwolf commentedHave you tried removing the bottom margin for the .block class?
style.css (line 270)
Comment #2
jwolf commented