add header image

araceliq · Member · Mar 11, 2011 at 3:54 am
Copy link

Add topic to favorites
I want to add a header image to my blog, can someone show me how to go about doing so? Thanks.
http://elementofchic.wordpress.com/

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 11, 2011 at 5:08 am
Copy link
Right now the header area is 980px wide. What height are you looking at for the image?
araceliq · Member · Mar 12, 2011 at 7:11 pm
Copy link
I’m really not sure, i was thinking 200px high.
thesacredpath · Member · Mar 12, 2011 at 7:37 pm
Copy link
Not knowing where you want the menu (which as it was would be in the middle of the header image, and not knowing if you wanted the site title and tagline to remain over the image, the following is just a wild guess. It puts in a 980px x 200px header and moves the menu down below the header above the content and leaves the title and tagline superimposed on the header image.
```
#header {
background: url("URL of header image") no-repeat scroll 0 0 transparent;
    height: 200px;
}

#header #menu {
margin-top: 110px;
}

#header h1 {
margin: 0 50px 0 250px;
}
```
You will need to create a 980px x 200px header image, upload it to your media library, get the URL of that image and then put it into the background declaration of #header above.
araceliq · Member · Mar 15, 2011 at 8:13 pm
Copy link
It worked out great! However, I did change the height to 180 and now the menu bar is overlapping the post title. How can I fix this?
thesacredpath · Member · Mar 15, 2011 at 8:21 pm
Copy link
Since I can’t see it, I’m guessing a little bit, but you will likely have to adjust the margin-top in #header #menu in the code I gave you from 110px to something else.
gillaapparel · Member · Mar 16, 2011 at 12:02 am
Copy link
oke..thanks..
araceliq · Member · Mar 16, 2011 at 9:45 pm
Copy link
thank you!
thesacredpath · Member · Mar 16, 2011 at 9:56 pm
Copy link
You are welcome.
araceliq · Member · Mar 17, 2011 at 6:12 pm
Copy link
I can’t see the header image I uploaded.
I uploaded an image onto the media library and inserted the URL into the background declaration of #header .
The image is a pdf that I created in Photoshop. I’m thinking the problem is because the image is a pdf?
panaghiotisadam · Member · Mar 17, 2011 at 7:11 pm
Copy link
PDFs aren’t images. Your file has to be a jpg or a png or a gif.
araceliq · Member · Mar 17, 2011 at 7:33 pm
Copy link
ohhh, gotcha. thanks.

No items found.