Cannot remove a sliver of white space

  • xedious

    (@xedious)


    14 years ago

    I’m at the end of my rope with this. I used the default theme and just overwrote the appropriate images with my own.

    On the footer, I set the footer color to be white just so it can be seen:
    http://starwarspropaganda.com/blog/

    With this line:
    #footer {
    background: #ffffff url(‘images/kubrickfooter.jpg’) no-repeat top center;
    border: 0;
    }

    There is a small sliver of white on the left. This is the space behind the image, I’m assuming. If I align left, then the white space shows up to the right of the image.

    I cannot find the setting in the stylesheet to reduce the width of this white area.

    Any ideas? Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • spotcream

    (@spotcream)

    14 years ago

    try altering this its in your style file

    #footer p {
    clear:both;
    margin:20px auto;
    padding:19px 0;
    text-align:center;

    Thread Starter xedious

    (@xedious)

    14 years ago

    Thanks. I did try altering the footer and footer p, but nothing would cause it to budge. The padding would only affect the height of the whitespace. The margin settings would only shift the footer (including the sliver of white) to the left or right.

    This is what I have now.

    #footer {
    padding: 0;
    margin: 20px auto;
    width: 100%;
    clear: both;
    }

    #footer p {
    margin: 20px auto;
    padding: 19px 0;
    text-align: center;
    clear: both;
    }

    doc4

    (@doc4)

    14 years ago

    xedious,

    You have two occurrences of the #footer style in your style.css. One on line 85 and the other on line 322.

    I”m confused as to what you’re trying to accomplish though. Why are you trying to reduce the white area? At first I thought you wanted to remove it, which can be done by removing the background color you originally added.

    Thread Starter xedious

    (@xedious)

    14 years ago

    I have never used wordpress before so I’m learning as I go. I just took the default style.css which had the 3 occurances of #header in it. I don’t know why they are there.

    I assume you can create blogs that don’t have repeating images that in effect, become your background. And that this color is set in the #header, #footer, and #body tag.

    For some reason, only my footer area is acting up in this way. I am trying to eliminate the white and I thought the solution would be to reduce that area or set a margin so that it became hidden behind my footer image.

    If I replace #ffffff with the word ‘transparent’ or remove it the white goes away. I just figured the better way would be to adjust the area to match my images.

    doc4

    (@doc4)

    14 years ago

    xedious,

    You only need one instance of the #footer tag. The original post here makes it sound like you added the white?

    Yes, just change #FFFFFF to transparent and you will be fine. Then feel free to combine those two styles like below. 

    #footer {
   width: 100%;
   padding: 0;
   margin: 20px auto;
   clear: both;
   border: 0;
   background: transparent url('images/kubrickfooter.jpg') no-repeat top center;
   }
    Thread Starter xedious

    (@xedious)

    13 years, 12 months ago

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Cannot remove a sliver of white space’ is closed to new replies.