WordPress.org

1. extremerecruitment
   Member
   Posted 2 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.
   thanks!

2. alchymyth
   The Sweeper
   Posted 2 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
   Member
   Posted 2 years ago #

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

   do you know anything about custom templates?

4. extremerecruitment
   Member
   Posted 2 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. alchymyth
   The Sweeper
   Posted 2 years ago #

   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.

6. extremerecruitment
   Member
   Posted 2 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. alchymyth
   The Sweeper
   Posted 2 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.