Gap above site content in Metro Pro

[MelonBird]

I'm stumped. There is a big whitespace between the leaderboard widget I put under the nav menu and the area where the content and sidebars begins. I've played with lots of margin and padding settings and made it a tiny bit shorter, but I've gone over it repeatedly with Firebug and just can't figure out which is the main bit of CSS that's causing it.

My stylesheet is visible here: http://snappyliving.com/wp-content/themes/metro-pro/style.css?ver=2.0.0

http://snappyliving.com

[jengabbard]

You've got a id="text-21" under your leaderboard and above the site inner with a margin-bottom of 3.2rem.

I'm guessing

.text-21 {
margin-bottom: (your new #)
}

would do the trick

---

Puppy Leaks I love the Metro theme

[MelonBird]

Thank you! That wasn't quite it, but got me on the right track. There is no "text-21" in the stylesheet, so I looked again in Firebug and saw that it's actually ".widget" that had the 3.2rem. I have no idea why the simple "leaderboard" class I created also invokes several sub-classes and divs - I guess Genesis does that automatically for reasons I might understand if I really knew anything about making CSS and php work together, LOL.

Anyhow, I changed that 3.2rem to 0 and nothing else seemed to move around from it. There is still a gap coming from somewhere, but it needs some whitespace there and I like how it looks. Thanks again.

[Author]

Posts