Issue with CSS padding

I’m trying to modify a template to suit a site of mine and I can’t figure out what is causing extra padding in a page. The template is here:

I’m trying to reduce the amount of white padding between the blue “Single Post” bar and the image below it. I can’t figure out what attribute is responsible for the bulk of that space. Any gel would be appreciated.

#blue and .mtb have a bottom margin and top margin (respectively) both are contributing to that big space. Remove the bottom margin on #blue and the top margin on .mtb

1 Like

Yep that’s it thanks. I was confused because removing the bottom margin from #blue alone did nothing, but when I removed the top margin from MTB first then the #blue margin, I got the expected results.

Yep a margin collapse was happening. Glad it worked.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.