how to change header of my WP site?

Discussion in 'HTML & Website Design' started by Buhawi, Oct 27, 2008.

  1. #1
    I have a new header for my Wordpress powered website. It's in gif format.

    I want it to replace the site's existing header which is in jpeg.

    How do I do that? I need your assistance, please.
     
    Buhawi, Oct 27, 2008 IP
  2. Jorge05r

    Jorge05r Active Member

    Messages:
    303
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #2
    I could help you out, may I see the url of the site?
     
    Jorge05r, Oct 27, 2008 IP
  3. Buhawi

    Buhawi Well-Known Member

    Messages:
    696
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    #3
    The web address is here
     
    Buhawi, Oct 27, 2008 IP
  4. Jorge05r

    Jorge05r Active Member

    Messages:
    303
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #4
    If you would like to do it yourself, go ahead and open the wordpress folder and the follow the following steps
    1. open this folder --> wp-content
    2. open this folder --> themes
    4. Here is a list of all the themes installed, open the current one you're using right now which is (MontTiara)
    5. open this folder --> images
    6. Replace this image --> header.jpg with your own jpg file.
     
    Jorge05r, Oct 27, 2008 IP
  5. Jorge05r

    Jorge05r Active Member

    Messages:
    303
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #5
    I forgot something else, after you have replaced the image you must edit the (css) file, change the height, width to match current header image.

    Here's the code you must edit after replacing the header:
    #header {
              font-size: 28px;
              font-weight: bold;
    	  text-decoration:none;
              font-family: Verdana;
              margin: 0 auto;
              position:relative;
              right:15px; 
              height: 200px;
              width: 850px;
              background: url("images/header.jpg");
    
    Code (markup):
    It's pretty easy to do, just go step by step.
    However if you can't figure it out, I could do it for you.
    Let me know how everything goes ;)
     
    Jorge05r, Oct 27, 2008 IP
  6. Buhawi

    Buhawi Well-Known Member

    Messages:
    696
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    #6
    Hey, Jorge05r, thanks a lot for the advice!

    I'll give it a try. My problem is that the new header is in gif while the old header image is in jpeg. :confused:
     
    Buhawi, Oct 27, 2008 IP
  7. Jorge05r

    Jorge05r Active Member

    Messages:
    303
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #7
    Not a problem at all, just make sure when you edit the css (the code I just copied from your wordpress css file) where it says

    background: url("images/header.jpg");
    Code (markup):
    Chanage header.jpg to header.gif and you are all set.
     
    Jorge05r, Oct 27, 2008 IP
  8. Buhawi

    Buhawi Well-Known Member

    Messages:
    696
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    #8
    Okay, I'll work on it. Thanks again, man!

    I'll let you know how this goes. ;)
     
    Buhawi, Oct 27, 2008 IP
  9. Jorge05r

    Jorge05r Active Member

    Messages:
    303
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #9
    I look forward to it, if you can't manage to do it by yourself. I'll be glad to help you, it won't cost you nothing.
     
    Jorge05r, Oct 27, 2008 IP