WordPress.org

Forums

raindrops
[resolved] [closed] I would like to reduce gap above and below header (3 posts)

  1. chltx
    Member
    Posted 1 year ago #

    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)

  2. chltx
    Member
    Posted 1 year ago #

    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

  3. Andrew
    Forum moderator & snail smusher
    Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic