Replacing Wordpress Default Theme Header Image With Own?

11 replies
  • WEB DESIGN
  • |
Hi,

maybe somebody here knows how to do this? Im using wordpress default 1.6 theme and it gets the job done for what im trying to do. But at the same time I think it would make my site look more professional if I could replace the big blue banner image with my own custom designed image.

Does anyone know how I would do this? I have read up about it on Google and it seems its not as easy as simply creating a new image file with the same name.
#default #header #image #replacing #theme #wordpress
  • Profile picture of the author momsadvice
    Hello,
    There is a free download that you can use to create custom headers. Google- Mandigo and you will find it. They have tutorials to show you how.

    There is a great software program we use that gives many many options for uploading your own headers, widths, colors, sidebars. You can customize any part of a wordpress theme with this software. Its called artisteer and its about 100.00 dollars.

    Hope this helps. Happy New Year!
    Maria
    Signature


    {{ DiscussionBoard.errors[375568].message }}
  • Profile picture of the author coreytucker
    Thanks man, but im really looking to do this for free. There has to be a way to do such a simple task for free,lol.
    {{ DiscussionBoard.errors[375574].message }}
  • Profile picture of the author coreytucker
    oh sorry,lol...I see you said the first one is free now. I will try that out and see how it works
    {{ DiscussionBoard.errors[375576].message }}
  • Profile picture of the author Shadi
    actually, the header of the default skin is not an image, and there is a header editor for that theme already built in the admincp

    If you want to replace it with an image you will have to edit the header.php file and remove the current header and add your img one
    {{ DiscussionBoard.errors[380006].message }}
    • Profile picture of the author iamcaptainhammer
      I'm not entirely sure what you are asking.

      Are you running wordpress.com or self hosting with wordpress.org

      the answer to your question varies depending on that answer.

      if you are using wordpress.org, you can go under the theme folder and search for imgs, (maybe logo.jpg) and you can open it up in an editor (gimp) and change it from there and reupload.

      if you are using wordpress.com, the process is more complicated. But not impossible.
      {{ DiscussionBoard.errors[396754].message }}
  • Profile picture of the author coreytucker
    Im hosting my own wordpress blog. The image is not actually a image, im still stuck on this. Anyone else know? Thanks
    {{ DiscussionBoard.errors[415099].message }}
    • Profile picture of the author JustVisiting
      Originally Posted by coreytucker View Post

      Im hosting my own wordpress blog. The image is not actually a image, im still stuck on this. Anyone else know? Thanks
      Hi Cory

      The image is the kubrickheader.jpg in the images folder.

      You need to change the style.css

      #header {
      background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
      }
      Signature
      "...If at first you don't succeed; call it Version 1.0"
      {{ DiscussionBoard.errors[415177].message }}
  • Profile picture of the author coreytucker
    ok I named my image kubrickheader.jpg and uploaded it over the old one. Now I simply have my image overlapping the old image, so they both are showing. Any idea how big the default header image is?
    {{ DiscussionBoard.errors[415210].message }}
  • Profile picture of the author coreytucker
    but what do I need to change in the stylesheet?
    {{ DiscussionBoard.errors[415223].message }}
    • Profile picture of the author JustVisiting
      Originally Posted by coreytucker View Post

      Any idea how big the default header image is?
      Originally Posted by coreytucker View Post

      but what do I need to change in the stylesheet?
      Header image properties in style.css as follows:

      #headerimg {
      margin: 7px 9px 0;
      height: 192px;
      width: 740px;
      }

      Originally Posted by coreytucker View Post

      ok I named my image kubrickheader.jpg and uploaded it over the old one. Now I simply have my image overlapping the old image, so they both are showing.
      Not sure how you have 2 different kubrickheader.jpg showing together ????
      If after changing stylesheet you still have 2 could you post the URL so I can see?
      Signature
      "...If at first you don't succeed; call it Version 1.0"
      {{ DiscussionBoard.errors[415460].message }}
      • Profile picture of the author michaelgreir
        Hi, I am having exactly the same problem as you are! Have you sorted you problem out! I am getting very frustrated at this!!! I appreciate any help you may have, many thanks
        {{ DiscussionBoard.errors[450758].message }}

Trending Topics