Reducing header height with CSS changes?

[Derek Peschel]

The blue header area (backstage button, site title, site subtitle) is
much taller than the combined height of its contents. Is the total
height defined by CSS attributes, so that I can reduce the height by
editing the StyleSheet?

Changing the height of the backstageCloak is part of the answer but
not all of it.

Thanks,

-- Derek

[Alex Hough]

Hi Derek,

Yes we can.

Add this to styleSheet;

.headerShadow , .headerForeground {padding:1.5em 0 1em 1em; }

To finding the relavent css I looked in StylesheetLayout and saw

.headerShadow {position:relative; padding:4.5em 0 1em 1em; left:-1px; top:-1px;}

.headerForeground {position:absolute; padding:4.5em 0 1em 1em; left:0px; top:0px;}

Only the padding needs to be changed. The fist figure is the top padding [1].

You can use commas to separate .headerShadow and .headerForeground if you want both values to be the same

enjoy
ALex

[1] http://www.w3schools.com/css/css_padding.asp

2009/11/16 Derek Peschel <dpes...@eskimo.com>

--
http://www.multiurl.com/g/64