size of header
 

hello -
does anyone know the exact size of the main header? I want to make it the exact, correct size in Illustrator and then export it.
Thanks in advance.
I am new to these forums and am looking forward to learning alot!
Jenn

the header image size is defined by the width of the page and the height defined in the header image options. If you want a fixed width page, you will have to set that in teh options or else the page width will vary based on teh viewer resizing the window.

Thanks! I totally understand what you are saying, but should I just experiement with different size jpegs then?
Thanks again!

This is how I do it.

Start by setting the width of the site in "style and configure layout". I usually use something between 900 - 980px.

Now that I know the width I go and design a header that looks reasonable - using the width I chose previously. I usually use Paint.net.

Once the header is ready - check the dimensions. In Paint.net - go to Image/resize to see what dimensions the image is - this will tell you the height.

Then go back to the Atahualpa options, go to "Header image" and set the height of your finished header image.

Save the header image and ftp it to "wp-content/themes/atahualpa/images/header2 - remembering to delete the default images.

Hope that helps

thanks - that helped. I am a graphic designer, so I just have to think of things now in a different way.
My header is up -
www.sweetdesignrelief.com
I will take any suggestions...
THANKS AGAIN!

It really looks fine unless you have a wide monitor and view the page at a very wide width. I am only mentioning this because you said you were a graphic designer and it you said you now have to "think of things in a different way" which is refreshing for a web person to hear. Web pages because of their dynamic nature do indeed add some wrinkles to designing graphics so I wanted to throw a little extra info out.

With that said I would either set the site to fixed or maximum width or you could add the following to the CSS Inserts area.
The above code gives the image a background the same color as the background in the image so no matter how wide the site is viewed it will still look OK instead of white.