Forums

change jpg on custom header (5 posts)

  1. julielause
    Member
    Posted 2 years ago #

    I'm trying to change the image on the header and I'm not finding the <div id="headerimg"> line in the code to switch the image to one of my own.

    I've uploaded my image to the default themes file, but I'm not seeing the name of the original image in the header template.

    thanks,
    julie

  2. auxano
    Member
    Posted 2 years ago #

    Which theme are you using? And can you give us a link?

  3. julielause
    Member
    Posted 2 years ago #

    Yep:
    I'm using Ocean Mist theme, and the link is barnyardinthebackyard.com

    thx

  4. auxano
    Member
    Posted 2 years ago #

    That header image is not an inline image, so you will not find it in the html template files. You need to look at the style.css file and change the following to fit what you have:

    #header {position: relative; float: left; display: block; width: 750px; background: url(images/bg_header.gif) top no-repeat; min-height: 355px; padding: 0;}

    The bold part is what you need to change. Of course, the simplest way to do this would be to name your new image bg_header.gif and drop it in the images folder overwriting the old image with your new one.

  5. anneedens
    Member
    Posted 2 years ago #

    I am also trying to change the header image in Ocean Mist 2.0 Cannot find the above referenced line in the style.css file. Any help appreciated by this complete css noob.

    Thanks

Topic Closed

This topic has been closed to new replies.

About this Topic