WordPress.org

1. barricademan
   Member
   Posted 4 years ago #

   How can I add a header image to the Talian 1.0 template?

   The header is all css with no image. I searched and read allot of topics concerning "adding/changing header images" but nothing was specific. I also read every topic listed under the Talian 1.o support and there was nothing there either.

   Any suggestions?

   Mike

2. Aeterno
   Member
   Posted 4 years ago #

   Edit: Shadow's solution is more accurate - I haven't looked at the theme.

3. shadow
   Moderator
   Posted 4 years ago #

   In your css, look for the following ID: #header_talia and add this to it.

   background-image: url(/images/yourimage.jpg) top left no-repeat;

   You need to upload your image to your theme directory and put it in a folder called /images

   Note: The current header image is being called from your body tag using the following:

   background-image: url(images/headerbg.gif);
   
   	background-repeat: repeat-x;
   
   	background-position: top;

   so if you are just considering a small change, you could change this image and ignore my first suggestion.

4. barricademan
   Member
   Posted 4 years ago #

   Thanks for the help. I marked the post as resolved.

5. elotse
   Member
   Posted 4 years ago #

   I am just trying to do some changes on the talian CSS. The explanation of changing the background img works correctly but an other problem will be coming up!!!!!
   Any change of the talian 1.0 (see blog.klaus-keuthen. de) will move the banner in the header to an other position (50% of high).
   I tested different changes, as the last test I just -load and save- the original css without any change. The banner was still moved!!!

   I seams for me that there is a security check or something like this, to prevent malpractice???

6. elotse
   Member
   Posted 4 years ago #

   I have got the following feedback:
   background-position is not a standard and will may be give some problems!!

   body {
   font-family: Tahoma, Verdana, Arial;
   font-size: 70%;
   color: #333333;
   margin: 0px;
   padding: 0px;
   background-image: url('images/headerbg.gif');
   background-repeat: repeat-x;
   background-position-y:50%
   }

   After delay it works. Why the problem was not before as I was using the original, I do not know.

Topic Closed

This topic has been closed to new replies.