Karen (jwllover) wrote in s2expressive,

How to increase header size without correspondence increase in content area

The title says it all--

I'm using a layout from The Fulcrum (Jeffrey is the Worst), which requires the mix it layout.  I'm using an @fontface font called Jennasue, which is pretty small at the usual pixel size.

I can increase its size everywhere else with no problem, but whenever I try to increase its size in the header area, the content area in which it's contained gets proportionally bigger (which I don't want.)

Is there any way to increase font size without increasing the corresponding content area?

Here's the relevant code (I think):  thanks in advance

/* ---------------------------- */
/* ---------- HEADER ---------- */
/* ---------------------------- */
#header-content {position: relative; background: #cdd2c7; font-family: jennasue; font-size: 45px; text-align: center; text-transform: none;}
#header-photo {border-bottom: 3px solid #48302f; background: url(http://i1033.photobucket.com/albums/a412/Kay9kitty/johnandpaulretro.jpg) center bottom repeat; height: 200px;}
#header-text {padding-bottom: 1em;}
#header-text ul.nav {position: absolute; top: 0px; right: 0px; list-style-type: none; width: 100%; margin: 0; padding: 8px 0; background: #ab5c5a; border-bottom: 3px solid #48302f; font-size: 40px; text-transform: none;}
#header-text ul.nav li {display: inline; margin-right: 1px;}
#header-text ul.nav li a {padding: 8px 10px; text-decoration: none;}
#header-text ul.nav li.current a {}
#header-text ul.nav li a:hover {background: #cdd2c7;}
#header-name {padding-top: 0.5em; font-size: 2em; line-height: 1.5em;}
#header-name a {}
#header-name a:hover {}
#header-description {margin: 0px; padding: 0px;}

  • Post a new comment


    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

  • 1 comment