[resolved] adding header image as background? (7 posts)

  1. extremerecruitment
    Posted 6 years ago #

    my website is http://www.postgraduatesinsport.com/

    the header of the site is a white background.

    i want to add the image http://www.postgraduatesinsport.com/wp-content/uploads/2010/04/header960x100.jpg as the background for the 100px high header.

    how do i do this and will the logo, search box and 468 banner be in front of it or not? i want the image loaded to be the background with the logo, search and 468 as a lyer on top.

  2. Michael
    Forum Moderator
    Posted 6 years ago #

    add this to custom.css of your theme:

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

  3. extremerecruitment
    Posted 6 years ago #

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

    do you know anything about custom templates?

  4. extremerecruitment
    Posted 6 years ago #

    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

  5. Michael
    Forum Moderator
    Posted 6 years ago #

    there is information on custom templates in the codex.

    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.

  6. extremerecruitment
    Posted 6 years ago #

    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

  7. Michael
    Forum Moderator
    Posted 6 years ago #

    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.)

Topic Closed

This topic has been closed to new replies.

About this Topic