Removing Border or Padding from Header Image (5 posts)

  1. heatherstoltz
    Posted 4 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!

  2. daddymccoy
    Posted 4 years ago #

  3. heatherstoltz
    Posted 4 years ago #

    I don't believe there's any wrapping.

  4. WPyogi
    Forum Moderator
    Posted 4 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.

  5. heatherstoltz
    Posted 4 years ago #


    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!!!

Topic Closed

This topic has been closed to new replies.

About this Topic