My pages are long and the background image only covers part of them! (4 posts)

  1. Cantdosleepy
    Posted 3 years ago #

    On the following pages the background image goes down to the bottom of the content, and then there's a large grey area below the content [certainly in Safari 3.1, Firefox 16, Chrome 22.0]:

    I'd like to get rid of that whole bottom grey area.

    I've viewed the pages with Firebug and the grey area doesn't appear as a margin bottom or padding for any of the divs. Looking at the box model tab it also only highlights the background-image area.

    Where has this extra bit of the site come from? Any insight much appreciated!

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Try applying the CSS;

    html {
     margin: 0;
     padding: 0;
     height: 100%;
     background-color: none;
  3. Jose Castaneda
    Posted 3 years ago #

    What is actually causing it is line 40 in your child theme's stylesheet. You have the background-color set to: #EEEEEE just remove the rule and it should be fine.

  4. Cantdosleepy
    Posted 3 years ago #

    Thanks jcastaneda – that's fixed the greyness of it so the image goes right to the bottom.

    The page is still much longer than I expect it to be, though.

    I tried changing 'height' to 100% in the html styling, and it didn't resolve the problem.

Topic Closed

This topic has been closed to new replies.

About this Topic