How to change the header in Adsensationblue WP theme?

Discussion in 'WordPress' started by teambuilder, Feb 3, 2011.

  1. #1
    Hi everyone,
    This theme doesn't have a reference to logo placement in its code, it seems.

    Also there are 2 horizontal sections of a header.

    I want to place a logo in the blue, and a horizontal image/ banner on the black one, instead of Google ads.

    here is the theme: http://wordpressthemesbase.com/detail/771.html

    Can anybody help with recommendation where to alter the code and how?
    I am not a programmer at all, so...
     
    teambuilder, Feb 3, 2011 IP
  2. teambuilder

    teambuilder Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Oh, one more question...

    How do I delete the code to kill the date and author of posts, at least from pages, post are ok.
     
    teambuilder, Feb 3, 2011 IP
  3. Dodger

    Dodger Peon

    Messages:
    1,494
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #3
    The code to insert the logo would be in header.php, and for the pages are in page.php

    Looking at the theme, this baby is about 3 years old. It is not too well made either and has some ad scripts inside of it that may no longer even exist anymore. You may be better off migrating the theme elements over to a standard framework that takes advantage of newer WordPress features.
     
    Dodger, Feb 3, 2011 IP
  4. teambuilder

    teambuilder Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    yes, I know it's in a header, but the code that I've added just doesn't do the job.
    Can you guys please take a look at the source code and see what I am doing wrong?

    yes, may be the theme has issues indeed. It's a pity if I need to change it. I kind of like the look of it.

    Well, may be there is still hope? The site is TeamWorkGo.com
    I would really appreciate if you take a look.

    P.S. Dodger, what "standard framework" are you referring to?
     
    teambuilder, Feb 4, 2011 IP
  5. Dodger

    Dodger Peon

    Messages:
    1,494
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #5
    It would be better if you posted the header.php code here for review. Make sure you put the code between the bbCode tags for code (it is the # sign on your post editor) which will make it easier to read.

    Any starting theme that has the newer WP abilities built into it. You can adapt the TwentyTen theme easily enough. Other frameworks are Hybrid, Thesis, Genesis, etc. Hybrid is free while the others cost a little money.
     
    Dodger, Feb 4, 2011 IP
  6. teambuilder

    teambuilder Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Was trying to copy code of entire Header file, but the forum says "Live links and signatures are not available to you yet.

    It assumes I am linking...

    Do you think you could just look at the code with View Source option?
    The site: teamworkgo.com

    Thank you very much in advance.
     
    teambuilder, Feb 4, 2011 IP
  7. Dodger

    Dodger Peon

    Messages:
    1,494
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #7
    This is what you have:

    
    <div id="header">
    
    <h1>
      <a href="http://teamworkgo.com/"><img width="268" src="http://teamworkgo.com/wp-content/themes/adsensationblue/images/teamwork.jpg">
      </a>
      </h1>
    
    
      <h1><a href="http://teamworkgo.com/">
            </a></h1>
    
      <p class="tagline">
          </p>
    
    Code (markup):
    For one, that image does not exist. Check your path and try again.

    You should have something like this:

    
    <div id="header">
    
       <div class="logo">
         <a href="http://teamworkgo.com/">&nbsp;</a>
      </div>
    
    
      <h1><a href="http://teamworkgo.com/">Whatever you had in here before</a></h1>
    
      <p class="tagline">
          Whatever you had in here before.
      </p>
    
    Code (markup):
    Then in your CSS:

    
    #header .logo a {float: left; display:block; width:268px; height:80px; margin: 10px 0 0 10px; background: url("images/teamwork.jpg") no-repeat; }
    #header h1 {display:none;}
    #header p.tagline {display:none;}
    
    Code (markup):
    We are setting the anchor to block display with the exact dimensions of your logo. The logo will be used as a background image. You can fudge the margins to adjust the positioning of the anchor to suit your needs. Also set the height and width to the logo dimensions.

    The other two items H1 and Tagline, are set to no display. Basically hiding them.

    You will also need some kind of conditional testing on the site title. H1 for the home page only, otherwise a regular DIV on other pages. H1 will be used for your page and post titles, for instance.
     
    Dodger, Feb 4, 2011 IP
  8. teambuilder

    teambuilder Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    thank you very much, it's fixed now...
     
    teambuilder, Feb 7, 2011 IP
  9. Dodger

    Dodger Peon

    Messages:
    1,494
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    0
    #9
    It may be fixed, but your use of the H1 tag multiple times and the misuse of the tag itself is just plain wrong

    
    <h1>
      <a href="http://teamworkgo.com/"><img width="180"  src="http://teamworkgo.com/wp-content/themes/adsensationblue/images/teamwork.jpg">
    
      </a>
      </h1>
    
    <h1>
      <a href="http://teamworkgo.com/"><img width="728" style="position:absolute; TOP:90px; LEFT:0px; WIDTH:745px; HEIGHT:125px" src="http://teamworkgo.com/wp-content/themes/adsensationblue/images/teamwork0.jpg">
      </a>
      </h1>
    
      <h1><a href="http://teamworkgo.com/">
            </a></h1>
    
    
    HTML:
     
    Dodger, Feb 7, 2011 IP