Title: Negative Space
Last modified: August 19, 2016

---

# Negative Space

 *  Resolved [chanel](https://wordpress.org/support/users/chanel/)
 * (@chanel)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/negative-space/)
 * There’s a negative space appearing underneath my header when you access [http://kisschanel.com/blog](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:
 * [http://kisschanel.com/wp-content/themes/chanel/style.css](http://kisschanel.com/wp-content/themes/chanel/style.css)

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Thread Starter [chanel](https://wordpress.org/support/users/chanel/)
 * (@chanel)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/negative-space/#post-1696827)
 * 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.
 *  [itproxy](https://wordpress.org/support/users/itproxy/)
 * (@itproxy)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/negative-space/#post-1696884)
 * 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.
 *  Thread Starter [chanel](https://wordpress.org/support/users/chanel/)
 * (@chanel)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/negative-space/#post-1696921)
 * Thanks for responding itproxy.
 * What should the .blog style rule be for me to remove the gap?
 *  Thread Starter [chanel](https://wordpress.org/support/users/chanel/)
 * (@chanel)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/negative-space/#post-1696934)
 * I notice this is only happening with Firefox. On safari and Internet Explorer
   it looks fine.
 *  Thread Starter [chanel](https://wordpress.org/support/users/chanel/)
 * (@chanel)
 * [15 years, 8 months ago](https://wordpress.org/support/topic/negative-space/#post-1696939)
 * I fixed it.
 * In the css, I added `margin-bottom:-10px;` to the #header class:
 * > **#header{
   >  background: url(‘images/bg_top.png’) no-repeat top; height:215px;
   > padding:0px 18px 0px 18px; position: relative; margin-bottom:-10px; } }

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Negative Space’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [negative space](https://wordpress.org/support/topic-tag/negative-space/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 5 replies
 * 2 participants
 * Last reply from: [chanel](https://wordpress.org/support/users/chanel/)
 * Last activity: [15 years, 8 months ago](https://wordpress.org/support/topic/negative-space/#post-1696939)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics
