WordPress.org

Ready to get started?Download WordPress

Forums

Header Logo Displaying Incorrectly (2 posts)

  1. tim2788
    Member
    Posted 4 years ago #

    Hi on my site http://www.blotax.com the header image is hidden by the bar with the links, how do i get it to display properly?

    Thanks

  2. tim2788
    Member
    Posted 4 years ago #

    /* HEADER
    ------------------------------------------------------------------- */
    
    /* Start EXAMPLE CODE image logo */
    
    #logo, #logo a { display: block; height: 161px; width: 709px; }
    #logo { position: absolute; top: 0px; left: 0px; }
    #logo a { background: transparent url(img/header.jpg) top left no-repeat; text-indent: -9999em; }
    .description { color: #868F98; display: block; left: 124px; position: absolute; top: 44px; }
    
    /* End EXAMPLE CODE image logo */
    
    /* Start EXAMPLE CODE text logo */
    
    /*
    #branding { display: block; position: absolute; top: 30px; left: 28px; }
    h1#logo { font-size: 30px; line-height: 1.2; margin: 0; }
    #logo, .description { color: #868F98; float: left; margin: 17px 0 0 10px; }
    */
    
    /* End EXAMPLE CODE text logo */
    
    /* MENUES */
    #accessibility {
      display: block;
      position: absolute;
      right: 28px;
      top: 47px;
    }
    
    #accessibility li,
    #accessibility a { display: block; float: left; }
    #accessibility a { background: transparent url(img/navigation.png) right -200px no-repeat; padding: 0 7px 0 4px; }
    #accessibility .last-item a { background: none; padding-right: 0; }
    
    #nav { position: absolute; top: 110px; left: 0; width: 985px; }
    
    ul#menu {
      background: #89CB11 url(img/navigation.png) top left repeat-x;
      display: block;
      height: 41px;
      padding: 0 28px 0 18px;
      width: 939px;
    }
    
    #menu li,
    #menu a { display: block; float: left; }
    
    #menu a {
      background: transparent url(img/navigation.png) left -150px no-repeat;
      color: #fff;
      font-weight: bold;
      line-height: 40px;
      padding: 0 8px 0 10px;
      text-shadow: 0 1px 0 #555;
    }
    
    /* Removes the background separator in Opera 9+, Firefox 2+, Safari 3+ */
    #menu .page-item-home a,
    #submenu li:first-child a { background-image: none; }
    
    #menu a:hover,
    #menu a:focus,
    #menu .current_page_item a {
      /* IE6/7/8 Fallback hack - Adds more contrast to the navigation */
      color: #000\9;
      /* FF3.5/Safari4/Chrome2/Opera10 - applies a darker text-shadow to the link for a seamless transition - http://cordobo.com/1119-provide-visual-feedback-css/ */
      text-shadow: 1px 1px 1px #000;
    }
    
    #submenu-bg { background: transparent url(img/bg-submenu.jpg) 0 3px repeat-x; height: 30px; width: 985px; }
    ul#submenu { display: block; padding: 5px 21px 0; }
    #submenu li,
    #submenu a { display: block; float: left; }
    #submenu li { position: relative; }
    #submenu a { background: transparent url(img/navigation.png) left -197px no-repeat; color: #666; padding: 3px 5px 3px 7px; }
    #submenu .current_page_item a { color: #252525; }
    #submenu a:hover { color: #000; }
    
    /* 3rd level navigation - only visible if you have grandchild pages */
    #submenu li ul { display: none; }
    
    #submenu li:hover ul  {
      background-color: #fff;
      border: 1px solid #eaeaea;
      clear: both;
      display: block;
      float: none;
      left: auto;
      line-height: 1;
      padding: 6px 6px 4px;
      position: absolute;
      top: 18px;
      overflow: auto;
      width: 200px;
      z-index: 1000;
    }
    
    #submenu li li,
    #submenu li li a {
      clear: both;
      display: block;
      float: none;
      padding: 0;
    }
    
    #submenu li li a {
      background-color: #f7f7f7;
      background-image: none;
      border-bottom: 1px solid #fff;
      margin-bottom: 1px;
      padding: 9px 10px;
      width: 180px;
    }
    
    #submenu li li a:hover { background-color: #e9e9e9; border-bottom: 1px solid #c2c2c2; color: #125687; }
    
    /* Top search */
    #nav-search {
      display: block;
      height: 30px;
      line-height: 16px;
      position: absolute;
      right: 28px;
      top: 9px;
    }
    
    #nav-search label { display: none; }
    
    #s,
    #searchsubmit { border-radius: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
    
    #s {
      border: 1px solid #777;
      font-size: 11px;
      height: 15px;
      padding: 4px 5px 2px;
      width: 130px;
    }
    #nav-search #s { border-color: #69ab01; border-bottom-color: #548301; border-right-color: #548301; }
    #searchsubmit {
      background: #669900 url(img/button-style-input.png) center left repeat-x;
      border: 1px solid #666;
      color: #fff;
      font-size: 11px;
      height: 23px;
      letter-spacing: 1px;
      line-height: 20px;
      padding: 0 5px;
      -moz-box-shadow: 0px 0px 1px #fff;
      -webkit-box-shadow: 0px 0px 1px #fff;
    }
    
    /* Fixes Firefox 2 and 3 */
    #searchsubmit, x:-moz-any-link { padding: 0 5px 3px; *padding: 0 5px; }

Topic Closed

This topic has been closed to new replies.

About this Topic