Header Image Q: modifying image and background

  • wcphotoworks

    (@wcphotoworks)


    20 years, 8 months ago

    I have searched high and low on this, but could not get an answer.

    My url: http://www.wcphotoworks.com/blog/

    I am using WP with Arzel xt2 them (yusop.net) that I mod’d for use as a photoblog. I have placed my own header image at top, and cannot seem to get the blue/green background to extend above the image a bit (5pxls or so) Right now, the image is crammed up against the top of the page and I cannot seem to lower it.

    My stylesheet header code looks like this:
    —————————————————–
    #header_image {
    left: 5px;
    top: 5px;
    bottom: 5px;
    height: 50px;
    background: #74909D url(images/headerimages/wcphotowrkssplash100orange.gif) no-repeat scroll 0% 0%;
    border-bottom: 1px solid #FFFFFF;
    clear: both;
    }
    ——————————————————–
    Any help/ideas would be appreciated!
    Steve Cherry

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

    (@oriecat)

    20 years, 8 months ago

    I think you need to change your left, top and bottom to all have padding- in front of them.

    Thread Starter wcphotoworks

    (@wcphotoworks)

    20 years, 8 months ago

    Thank you – I tried this and it increased the blue background height, but the image still sticks at the top.

    code now looks like this:
    ——————————————————
    #header_image {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    height: 50px;
    background: #74909D url(images/headerimages/wcphotowrkssplash100orange.gif) no-repeat scroll 0% 0%;
    border-bottom: 1px solid #FFFFFF;
    clear: both;
    }
    ———————————————————-

    Thread Starter wcphotoworks

    (@wcphotoworks)

    20 years, 8 months ago

    Still playing with this, read all the articles on header etc, but still can’t pry the image off the top of my site! ugh. Here is latest header_image code:

    ————————————-
    #header_image {
    position:relative;
    padding-top: 10px;
    height: 60px;
    background: #74909D url(images/headerimages/wcphotowrkssplash100orange.gif) no-repeat;
    border-bottom: 1px solid #FFFFFF;
    clear: both;
    }

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

The topic ‘Header Image Q: modifying image and background’ is closed to new replies.