Removing Border or Padding from Header Image

  • heatherstoltz

    (@heatherstoltz)


    14 years ago

    I’m using the Woodstock template and added an image as the “logo” (banner). It automatically puts a black padding around it no matter how large my image is and I can’t seem to remove it. The header coding is below:

    [ 106 lines of code moderated. For more than 10 lines of code please use pastebin.com instead. ]

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • daddymccoy

    (@daddymccoy)

    14 years ago

    Do you have an wrapping around the image?

    Thread Starter heatherstoltz

    (@heatherstoltz)

    14 years ago

    I don’t believe there’s any wrapping.

    WPyogi

    (@wpyogi)

    14 years ago

    Part of it is the padding here:

    #header {
    background: none repeat scroll 0 0 #000000;
    margin: 0 auto;
    padding: 30px 20px;
    position: relative;
    width: 940px;
}

    To get rid of the rest you’ll also need to change the width in the above — so that it is as wide as the site width — 100%. But that won’t work very well when the site gets bigger than your image — so then you need to change the above to repeat.

    Thread Starter heatherstoltz

    (@heatherstoltz)

    14 years ago

    WPyogi,

    That worked to get rid of the padding, but then it shifted the menu down to the center of the banner. How can I move it back to the top?

    THANK YOU!!!

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

The topic ‘Removing Border or Padding from Header Image’ is closed to new replies.