Adding an Image to the Header
-
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)
-
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.
-
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
-
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.
-
- The topic ‘Adding an Image to the Header’ is closed to new replies.