[resolved] Negative Space (6 posts)

  1. chanel
    Posted 5 years ago #

    There's a negative space appearing underneath my header when you access http://kisschanel.com/blog. When you view other pages and single posts on my site however, that negative space is gone.

    Can someone guide me to where I can correct this? I have a feeling it's in my css. See below:


  2. chanel
    Posted 5 years ago #

    The negative space I speak of is that "gap" between the header and the WordPress content. You can see the background image through it. I hope my explanation is clear.

  3. itproxy
    Posted 5 years ago #

    Your blog page has a <body class="blog"> tag, but this is nowhere referenced as such in your style sheet. (Contrast other pages: <body class="page" etc>)
    Try 'classing' your blog like any other page, or creating a style rule for .blog that closes the gap, by using negative top or bottom margins between the elements that create that area of the page.

  4. chanel
    Posted 5 years ago #

    Thanks for responding itproxy.

    What should the .blog style rule be for me to remove the gap?

  5. chanel
    Posted 5 years ago #

    I notice this is only happening with Firefox. On safari and Internet Explorer it looks fine.

  6. chanel
    Posted 5 years ago #

    I fixed it.

    In the css, I added margin-bottom:-10px; to the #header class:

    background: url('images/bg_top.png') no-repeat top;
    padding:0px 18px 0px 18px;
    position: relative;
    margin-bottom:-10px; }

Topic Closed

This topic has been closed to new replies.

About this Topic