White Space on top of Background Image

  • ThrackN

    (@thrackn)


    14 years ago

    Help!

    I’m building a theme from scratch, and, after getting the basic html/php in place, I’m adding basic images/css styling to the site. Note that not everything is perfectly theme-ready (ie. the images aren’t in an /image subdirectory in the theme folder), I’m just trying to get everything functional at this stage, and will be fine-tuning everything later.

    When I added a background image, it displays properly repeated, but there is a white ~30 pixel bar above the image, and I cant figure out why it’s there or how to get rid of it. The white space is there in Chrome and Firefox, but not IE, and I haven’t tried Safari/Opera. The CSS for the background looks like this:


    body
    {
    background-image: url('https://the_image_url/Background.png');
    background-repeat:repeat-x;
    }

    I’m using https://www.wowbbq.com as my sandbox while building the theme – you should be able to see the issue for yourself.

    I haven’t been able to find anyone with a similar issue, both here or in the first few pages of Google results. I’d appreciate any/all help and suggestions.

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

  • Thank you wordpress team for all of your great help by making an incredible blog/cms but the support here sucks! Waiting 9 months? I sure hope he doesn’t plan to monetize that theme because he would be in the soup kitchen waiting on an answer for the last 3/4 of a year.

    Having the same problem PLEASE respond sometime within the next few years, it is kind of something I needed to understand a few hours ago after all, I pity this guy. Geez.

    Moderator Ipstenu (Mika Epstein)

    (@ipstenu)

    ?????? Advisor and Activist

    The WordPress forums are staffed primarily by volunteers, who give of our free time. If you’re not satisfied by this, you can hire people, or use IRC, or google.

    Without seeing your site, we can’t tell you anything other than ‘Try using firebug or the inspect element feature of safari/chrome to see what’s causing the white space.’

    The OP seems to no longer have any issues.

    Seriously why did I spend all that money on a copy of wordpress if you can’t even support your expensive product! J/K!

    I just wanted to drop in and offer the solution I was able to find for this issue. It is important because this thread is ranking on both www.remarpro.com’s serps and google’s serps.

    In many cases this error is caused by the admin panel being turned on in the wp-admin backend settings. The problem is, the menu isn’t displaying and is leaving a whitespace which many developers are doubtlessly questioning their padding/margin abilities in CSS over. Or they are wondering why Firefox/Chrome/Explorer or whatever they are authenticated in at the time is not even accepting negative margins for the body of the document.

    The answer to why it is “Whited out” is usually due to a call to the footer in the footer.php file not being there.

    <?php wp_footer(); ?> needs to be added in the footer.php just above the closing of the body tag to solve this problem at least some of the time. If anyone else knows of alternative reasons the admin bar would be “Whited out” it might be especially helpful for others reading this to see your solutions as well.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘White Space on top of Background Image’ is closed to new replies.