Custom header image help
-
Im trying to add a header image to my blog and it wont work.
Here is where I am trying to input the html#headerimage {
clear:both;
background:#fff url no-repeat 0 0;
color:#fff;
height:200px;
margin:10px;and here is the html
WHERE do I insert that to make it work?
Thanks in advance -
See this line?
background:#fff url no-repeat 0 0;The url is where it goes, like this:
background:url('http://s62.photobucket.com/albums/h103/mitchellb/?action=view¤t=bloghead.jpg') no-repeat 0 0; -
-
I see a man with a camera, is that the image you are trying to display?
Did you clear your browser cache and reload the page?
-
-
@ ihigallery,
I one thing I recommend is to use Gimp, or Photoshop, to set your
custom header to the height & width that your theme requires
it looks very awkward with the blank white empty space to the
right of your header…Teck,
-
Teck
that’s why I want to upload the custom header I have done. I changed the width of the page to 900 pixels and I made a header that’s 900 pixels.
I uploaded that one to photobucket. Its the pic of me with a camera.
I inserted it into the css where vivian recommended and it still didn’t show. SOOOOOOOO I used the upload header tab under the design tabs and used that to get my header up. When doing it that way I had to crop it………………
I dont know why the edited css is NOT overriding the uploaded header
If that makes any sense at all……………………lol
-
The image linked in your first post is only 800px wide, which is why you are seeing the white space.
Here is a direct link to the image in your header that I see http://ihigallery.files.wordpress.com/2008/09/cropped-bloghead.jpg I suspect this one is only 800px wide, too.
The image cannot be 900px – according to your CSS, you’ve got a margin of 10px on each side so it can only be 880.
Did you ever try clearing your cache as TSP recommended? Because if we could both see it (although I didn’t check the link then) there has to be something on your end preventing it.
-
okay here is what I have done.
I have reset the mistylook header image using the Custom Image Header function of the dashboard.
I also discovered the header image that I created at 900 pixels in photoshop was being resized to 800 pixels in photobucket…………:(
I redid the image to 880 pixels and uploaded it to Flickr, copied and pasted the html into the location vivian told me to, saved the stylesheet and visited my blog………..Its STILL the wrong header…..its showing the default header still……..
frustrated beyond belief
-
Here’s what I see in your CSS:
#headerimage { clear:both; background:url ('http://farm4.static.flickr.com/3252/2837876968_189f54d969_o.jpg" width="880" height="200" alt="bloghead') no-repeat 0 0; color:#fff; height:200px; margin:10px; }Couple of things:
1. there is a space after url and before the open parenthesis. Not sure if it makes a difference but try taking it out.
2. You don’t need all the rest of that suff (width, height, alt) in there. It could be that the system can’t read it properlySo try this instead:
background:url('http://farm4.static.flickr.com/3252/2837876968_189f54d969_o.jpg') no-repeat 0 0;and let us know if it works.
-
-
-
I am having a similar problem. My CSS says 900 wide, but when I upload to header tab, It only allows for the default 700 wide, so there is a white space on one side of my image. How can I put an image on top of my blog without linking to somewhere? Does it have to link to a URL?
-
The CSS says your wrapper is 990 px wide (which is causing me to scroll, BTW) I see white space on both sides of the image, not just one side. And anytime you have CSS, you have to link to the image.
(BTW – it’s generally considered courteous to give credit to the theme designer. I see you’ve hidden that in your footer.)
- The topic ‘Custom header image help’ is closed to new replies.
WordPress.com Forums 
