SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Dec 2012
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS: Adjusting Header Size

    Site: www.connectsolutions.com

    Hi there:

    I'd like to adjust the size of my header so it isn't as "tall". Currently, in our CSS file I see:

    #header .rays {
    background:url(images/_global/rays.png) 50% 0 no-repeat;
    }

    #header .header-area {
    width:980px;
    margin:0 auto;
    padding:38px 0 33px;
    }

    I've tried multiple things:
    1) Adjusting the size of rays.png -> no affect on the size of the header.
    2) I've attempted to include "height 150px;" in the above code -> this made the header taller (expanding on what is already there).
    3) I've attempted to remove "#header .rays {
    background:url(images/_global/rays.png) 50% 0 no-repeat;
    }" -> this had no impact even with the "height 150px;" included.

    I just don't want as much dead space around my menu and logo.

    Any advice on how to decrease the size of the header?

    Thanks,
    SulCS

  2. #2
    SitePoint Wizard
    Join Date
    Dec 2005
    Posts
    1,711
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The padding is causing the issue.
    Reduce the top and bottom padding and everything works.
    The more you learn.... the more you learn there is more to learn.

  3. #3
    SitePoint Member
    Join Date
    Dec 2012
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Barry - thanks for the help. That's exactly what I needed!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •