Hi,

I have a small problem that I have been agonizing about now for a few hours. I'm designing a new site and CANNOT get this empty space to _not_ show up.

http://i37.tinypic.com/30hv2mc.png

I've tried tweaking the CSS to no avail. Anyone have any ideas?

Thanks!

Comments

CMLA’s picture

CMLA commented

Forgot to mention, it's the line between the bottom of the abstract logo and the Primary Links Menu. Perhaps a ~1em or so blue gap.

aimutch’s picture

aimutch commented

Did you disable the Site Slogan in the theme settings?

CMLA’s picture

CMLA commented
Assigned: CMLA » Unassigned

Yeah, Site Slogan is unchecked in both Global Settings and Sky Settings.

aimutch’s picture

aimutch commented

Do you know how to use Firebug in Firefox to examine or at least capture the HTML+CSS code? Unless it's a public site we can view, we'll probably need the specific chunk of code for that area to diagnose.

CMLA’s picture

CMLA commented

I poked around with Firebug and the CSS files, but I couldn't figure it out. The site is public - feel free to tell me what I'm missing:

http://174.37.169.223/

aimutch’s picture

aimutch commented

Here's what I found:

In your custom CSS file, find this:

.name-logo #logo{margin:0 0 1em 0.5em;display:block;}

It's adding 1em of padding to the bottom of the image. Changing that to:

.name-logo #logo{margin:0 0 0 0.5em;display:block;}

Removes 90% of that. In FF3, there's still a small amount of padding along the bottom of the image. It appears to be applied by the

aimutch’s picture

aimutch commented

Shoot...some of my code got zapped. trying again. 

Here's what I found:

In your custom CSS file, find this:

.name-logo #logo{margin:0 0 1em 0.5em;display:block;}

It's adding 1em of padding to the bottom of the image. Changing that to:

.name-logo #logo{margin:0 0 0 0.5em;display:block;}

Removes 90% of that. In FF3, there's still a small amount of padding along the bottom of the image. It appears to be applied by the <a id="logo"... portion of the code. I found that if you remove the id="logo" from the link and place it on the image, you'll remove all of the padding. Let me know if that makes sense.
CMLA’s picture

CMLA commented
Status: Active » Closed (fixed)

That worked perfectly - Thanks a bunch!