Adding an Image to the Header

  • Unknown's avatar

    Hey,

    I’ve selected a theme out of the “free bin” that I really like ( http://www.gotoffs.wordpress.com ). I want to keep this design, but I would love to add an image to the header line. Is the CSS Package what I need to do that? Will this software give me the access to add a picture onto my theme header? The price isn’t too bad.

    Thanks!

    -gotoffs

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Flexible width themes, such as the one you have chosen do not take header images well since the header image has to stretch horizontally with the width of the browser window, which means the header image will virtually always be distorted in the horizontal direction. You can fix the width of the header, but if you do that and someone has their browser window set very wide, the header will look like someone wearing a hat that is 10 sizes too small, and if they have their browser window set very narrow, a good portion of the header image will be hidden.

    That is why you virtually never find flexible width themes with custom header options.

    You can use a repeating, horizontally tiled graphic type image, or a solid band of color like you have now, but photographic images simply do not work as headers on flexible width themes.

    Your choices are, go ahead with the CSS upgrade and then live with the wonky looking header (if you use a photographic image) or choose a different, fixed width theme.

  • Unknown's avatar

    thesacredpath, thank you for a speedy reply. I will use you’re information accordingly. What I am trying to do is just plot a single image I’ve created in the header, not stretch the whole image across it.

    Is it possible to just size a single image in the header? I want the header color to stay the same, but I just want to add an image in the right side of my blog header (to liven it up a little). Thanks again!

    -Gotoffs

  • Unknown's avatar

    You will have to use position relative to keep it aligned to the left edge of the sidebar or the post area, whichever you wish, and to keep it from moving back and forth when a browser window width is changed, but yes it is possible. It might be a little tricky to get the code correct since the blue background you see is actually a repeating image. I think though that you can put a background declaration on #sitename in the CSS and do what you want. The image would be behind the text for the title and tagline.

  • Unknown's avatar

    Actually, forget about the position relative bit I mentioned. You won’t need that.

  • The topic ‘Adding an Image to the Header’ is closed to new replies.