3 replies
  • WEB DESIGN
  • |
Hi everyone,

I have a blog at MoneySprint.com and i wanted the header section to look like this blog at makeblackjackmoney.com.

Anyone can teach me how to move the nav bar and the header?

Thanks.

P.S. Both sites are using Gazette theme by Woothemes.
#theme #woothemes #wordpress
  • Profile picture of the author chillpill
    I posted this else where ... seems like lots of people need Wordpress help ...

    If you get stuck you can try the official IRC Wordpress chat channel on freenode and ask there. There is also an email list you can request help on called wp-pro.

    Google up either of them for more information.
    {{ DiscussionBoard.errors[436232].message }}
    • Profile picture of the author Karen Blundell
      Hi desmondblog,

      Yes, you are going to have to make a change to header.php in your theme files

      Click "Appearance" and then "Editor" from your Dashboard.
      locate header.php from right hand side theme file selection

      cut this code out here:
      Code:
      <div id="nav"> <!-- START TOP NAVIGATION BAR -->
          
              <div id="nav-left">
          
                  <ul>
                  
                                      <li class="current_page_item"><a href="http://moneysprint.com/">Home</a></li>
                                      <li class="page_item page-item-2"><a href="http://moneysprint.com/about/" title="About">About</a></li>
      <li class="page_item page-item-31"><a href="http://moneysprint.com/contact/" title="Contact">Contact</a></li>
      <li class="page_item page-item-33"><a href="http://moneysprint.com/archives/" title="Archives">Archives</a></li>
      <li class="page_item page-item-35"><a href="http://moneysprint.com/sitemap/" title="Sitemap">Sitemap</a></li>
      <li class="page_item page-item-37"><a href="http://moneysprint.com/advertise/" title="Advertise">Advertise</a></li>
      <li class="page_item page-item-57"><a href="http://moneysprint.com/ebook/" title="eBook">eBook</a></li>
              
                  
                  </ul>
              
              </div><!--/nav-left -->
      
              <div id="nav-right">        
              
                  <form method="get" id="searchform" action="http://moneysprint.com/">
                      
                      <div id="search">
                          <input type="text" value="Enter your search keywords here..." onclick="this.value='';" name="s" id="s" />
                          <input name="" type="image" src="http://moneysprint.com/wp-content/themes/gazette/styles/green/search.gif" value="Go" class="btn" />
                      </div><!--/search -->
                      
                  </form>
              
              </div><!--/nav-right -->
              
          </div><!--/nav-->
          
          <div class="fix"></div>
      and paste it after this code

      Code:
      <div id="header"><!-- START LOGO LEVEL WITH RSS FEED -->
              
              <h1><a href="http://moneysprint.com/" title="MoneySprint.com"><img src="http://moneysprint.com/wp-content/themes/gazette/styles/green/logo.gif" alt="" /></a></h1>
              
              <div id="topbanner">
                  
                              
                  <a  href="http://desmond28.4xambush.hop.clickbank.net/?tid="><img src="http://cdn2.forexambush.com/ForexAmbush/banners/logo6.png" alt="" /></a>
                  
              </div><!--/rss-->
              
          </div><!--/header -->
      click "Update File"
      and that should do it.
      Signature
      ---------------
      {{ DiscussionBoard.errors[436599].message }}
      • Profile picture of the author catfish86
        i just tried that code on my site, CHIKOREAN.COM, but it screwed up my header. It's a good thing I backed up my work! Did this work for anyone else?
        {{ DiscussionBoard.errors[1300414].message }}

Trending Topics