WordPress.org

Support

Support » Themes and Templates » [Resolved] I would like to reduce gap above and below header

[Resolved] I would like to reduce gap above and below header

  • I was able to remove the menu and the site description

    .menu {
    display:none;
    }

    .entry-title{
    display:none;
    }

    #site-title{
    display:none;
    }
    #site-description {
    display:none;
    }

    However, there is now a wide gap over the header, and a smaller gap below it. I would like to reduce both gaps. What CSS do I need to add or change to accomplish this?

    site: http://nichefind.com (Planned move to http://hogfan.com around March 10, 2014)

Viewing 2 replies - 1 through 2 (of 2 total)
  • I was able to remove the gap below the header, and reduce the gap above it, but I don’t think my solution is optimal.

    .menu {
    display:none;
    }

    .entry-title{
    display:none;
    }

    #site-title{
    display:none;
    }

    #site-description {
    display:none;
    }

    #header-image{
    position:relative;
    top:+21px;
    overflow:hidden;
    }

    body{
    position:relative;
    top:-100px;
    }

    .lsidebar{
    background:#cccbcb;
    margin:0;
    }
    .rsidebar{
    margin:0;
    position:relative;
    left:4px;
    }

    While this does the required changes in the displayed pages, it also has skewed the dashboard pages, and appears to have skewed the cursor position in the dashboard.

    Can you provide a better way to do this?

    site: nichefind.com

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Resolved] I would like to reduce gap above and below header’ is closed to new replies.