Support » Themes and Templates » adding header image as background?

Viewing 6 replies - 1 through 6 (of 6 total)
  • add this to custom.css of your theme:

    #header { background: url(http://www.postgraduatesinsport.com/wp-content/uploads/2010/04/header960x100.jpg); }

    thats brilliant, thanks.. just need to resize it and make the logo transparent…

    do you know anything about custom templates?

    sorry, one last question. where would i edit the height so that i can increase the header from 100 to say 115 or 120?
    thanks once again for you help!! really appreciated

    there is information on custom templates in the codex.
    http://codex.wordpress.org/Pages#Page_Templates

    you can add a new height in the same style in custom.css:

    #header { height: 115px;
    background: url(http://www.postgraduatesinsport.com/wp-content/uploads/2010/04/header960x100.jpg) center top no-repeat; }

    and add this bit of extra info to the background line, as above, to keep the background image from repeating.

    thanks, have updated and looks great. just need a higher res image and that loaded and the header is complete.

    appreciate your help!!

    i have read the custom template and have created a page template called pageofeventposts.php. this was based on the pageofposts.php from the forum.

    where in the admin do i load a new template? do i just paste into the custom.css? thanks

    you would save the new template in your theme folder, alongside all other php files of your theme, such as single.php, footer.php, etc.;
    when you make a new page, you have the possibility to use the template:
    in ‘admin’ in the ‘edit page’ on the right a bit down you have ‘attribute’ ‘template’ and a list of templates to choose from, if everything went well, including your new template.

    (css files are only for styles.)

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘adding header image as background?’ is closed to new replies.