12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

Dumb Wordpress Question

by Charles Harper
9 replies
I cannot seem to replace the header on this blog.

What is the code to get the header area to point to a picture that I want on there?

Charles

Learn To Play The Guitar
#dumb #question #wordpress
  • Profile picture of the author Charles Harper
    If there is anything else that I am doing that is blatantly silly, please pipe in.

    Although I think at 230 posts I am just now man enough to take it.

    Charles
    Signature
    {{ DiscussionBoard.errors[314203].message }}
  • Profile picture of the author dougyitbos
    You need to edit the header file in the template.
    Go to the "Design" Area Click the "Theme Editor" link and then choose to edit the header file from the list of templates on the right.
    Chances are that's where you'll find the image, and can change it to what ever you want.

    -- Edit --
    I suppose it may also be in the style sheet if it's not in the header.
    Also - what version of wordpress are you using?
    {{ DiscussionBoard.errors[314217].message }}
  • Profile picture of the author Bishop81
    What theme are you using?
    Signature

    I'm tired of my signature... Deleted.

    {{ DiscussionBoard.errors[314443].message }}
  • Profile picture of the author Charles Harper
    Blue Danube by Justin Tadlock
    Options WordPress Theme Version 1.1
    Signature
    {{ DiscussionBoard.errors[314457].message }}
    • Profile picture of the author koolphoto
      If you just want to replace the image it is located in wp-content>themes>options>styles>blue-danube>images>header.gif

      The easiest would just to swap out the original image with yours using the same name, header.gif. If you really want to change the name, which I don't recommend then you look at the css file in the blue-danube folder called, blue-danube.css and look for these lines:

      #header h1 a {
      width: 350px;
      height: 80px;
      margin-left: 10px;
      display: block;
      color: #f7f7f7;
      background: url(images/header.gif) no-repeat 0 0;

      replace the header.gif with your file name.
      Signature

      My name is Ken Katz and I am a Web Designer and Photographer. My motto: "If you really want to do something, you'll find a way. If you don't, you'll find an excuse." -Jim Rohn

      Celebrity Portrait Photgapher - My Photography Portfolio.

      {{ DiscussionBoard.errors[314573].message }}
      • Profile picture of the author Bishop81
        This is the method I usually use, simply because it's the easiest. You have to make sure that your height and width of the new header are the same, so your site doesn't look all messed up.

        If you change any of it, then you'll have to edit the css file too, which isn't all that tough. My only recommendation is that you copy it before you start editing it. The wordpress editor has no way to restore changes that you make, and you don't want to change/delete the wrong item.

        Originally Posted by koolphoto View Post

        If you just want to replace the image it is located in wp-content>themes>options>styles>blue-danube>images>header.gif

        The easiest would just to swap out the original image with yours using the same name, header.gif. If you really want to change the name, which I don't recommend then you look at the css file in the blue-danube folder called, blue-danube.css and look for these lines:

        #header h1 a {
        width: 350px;
        height: 80px;
        margin-left: 10px;
        display: block;
        color: #f7f7f7;
        background: url(images/header.gif) no-repeat 0 0;

        replace the header.gif with your file name.
        Signature

        I'm tired of my signature... Deleted.

        {{ DiscussionBoard.errors[315526].message }}
        • Profile picture of the author koolphoto
          I agree with Bishop81 on not using the template editor. I find it is best to use ftp and notepad with css. I usually make a copy of the file and call it say blue-danube-orig.css. I don't touch this file. I work on the file blue-danube.css. If for any reason I make a mistake I can always re-insert the original file. I just remove the -orig and I have a clean copy of the file again.

          Yes, you need to keep the header.gif image dimensions the same. Otherwise you can run into trouble with sizing and the theme not looking right.

          I would not recommend changing the sizing dimensions in the css file unless you know what you are doing because you can get real bad unexpected results with css. Columns can start wrapping or move to places you didn't expect.

          This is because sizing like total width is very important with css. So if all your changes don't add up to the exact dimensions of the original css file then you can have wrapping problems or possibly the theme just won't look right.

          This is why it is always important to have the original files to revert to.
          Signature

          My name is Ken Katz and I am a Web Designer and Photographer. My motto: "If you really want to do something, you'll find a way. If you don't, you'll find an excuse." -Jim Rohn

          Celebrity Portrait Photgapher - My Photography Portfolio.

          {{ DiscussionBoard.errors[315728].message }}
  • Profile picture of the author borilbogoev
    Hi Charles,

    Edit the header file. I recommend using an FTP client software. Do not use the built in editor in wordpress - no code coloring and possible mistakes...

    Good luck!
    Signature
    ULTRA HOT WSO: +++> GET 21 High Quality Articles [PLR] for ONLY $7! BONUS Included. Instant Download. <+++ *** 100% Original Content. Optimized for "Make Money Online" and "Personal Development" Niches! +++> Get Your Exclusive Pack NOW!

    CHRISTMAS WSO: The Santa Claus Report. Learn More!
    {{ DiscussionBoard.errors[314974].message }}

Trending Topics