WordPress.org

1. dnolte
   Member
   Posted 2 years ago #

   I'm new and trying to add a logo into my header. I've edited the header to include the logo, and now I need to figure out how to move the Blog title and tagline over so that it is not super imposed over the logo. Any help?
   Thanks!

2. dnolte
   Member
   Posted 2 years ago #

   I could also just add the logo if I knew how! Sorry to be such a newbie!

3. krembo99
   Member
   Posted 2 years ago #

   How exactly do you want us to help you if there is no URL , link, pasted code or anything ?? Should we GUESS what your theme looks like ?

4. dnolte
   Member
   Posted 2 years ago #

   This is the code from style.css pertaining to the header.

   /*** HEADER AREA ***/

   /* logo position */
   a#logo{
   top: 80px;
   position: absolute;
   }

   #page-wrap1{
   background: transparent url(images/header-bg.jpg) repeat-x left top;
   }

   #page-wrap2{
   background: transparent url(images/header-center.jpg) no-repeat center top;
   height: 200px;
   min-height: 500px;
   width: 100%;
   display:block;
   }

   #header{
   height: 200px;
   }

   /* top navigation */
   #topnav{
   color: #a2a3a6;
   padding-top: 20px;
   }

   #topnav a{
   font-size: 110%;
   text-transform: uppercase;
   text-decoration: none;
   color: #afb0b3;
   padding: 0 8px;
   }

   #topnav a:hover{
   text-decoration: none;
   background: none;
   color: #fff;
   }

   /* header tabs */
   #tabs {
   font-size:14px;
   height:29px;
   line-height:normal;
   position: absolute;
   top: 171px;
   left: 0;
   }

   #tabs ul {
   list-style:none;
   }

   #tabs li {
   display:inline;
   }

   #tabs a {
   float:left;
   background:url(images/tab-left.png) no-repeat left top;
   color:#0470a0;
   padding-left:10px;
   margin-right:3px;
   text-decoration:none;
   color:#cfcfcf;
   cursor: pointer; /* IE 7 bug-fix */
   }

   #tabs a span{
   float:left;
   display:block;
   background:url(images/tab-right.png) no-repeat right top;
   height: 29px;
   padding-right: 10px;
   }

   #tabs a span span{
   display:block;
   background:none;
   height: auto;
   padding: 4px 4px 0 4px;
   }

   /* Commented Backslash Hack hides rule from IE5-Mac \*/
   #tabs a span {float:none;}
   /* End IE5-Mac hack */
   #tabs a:hover span {
   color:#cfcfcf;
   }

   #tabs a:hover{
   background-position:0% -29px;
   color:#fff;
   }
   #tabs a:hover span{
   background-position:100% -29px;
   color:#fff;
   }

   #tabs a.active {
   background-position:0% -58px;
   color:#000;
   }
   #tabs a.active span {
   background-position:100% -58px;
   color:#000;
   }

5. krembo99
   Member
   Posted 2 years ago #

   and the header ????
   Wouldn´t it be easier if you just post a URL ?

   anyhow, you need to move the divs of the title ABOVE the logo ..

   I can not see ALL the divs that you have ..and in the pasted CSS there is no title div or anything ...

   You must be a bit considerate if you want help. :-)
   YOur problem is fairly easy, but guessing is not the best practice ..

6. dnolte
   Member
   Posted 2 years ago #

   Kembro,
   I can't post the url because it is a password protected site, and I'm rather new to all this but not totally inept. I appreciate very much your help. Is there a way I can email the user id and password so that it doesn't show up in the forum.
   David

7. krembo99
   Member
   Posted 2 years ago #

   Does the logo and title won´t show even on the pages BEFORE the protection ?

   You always can post the code of the header as well here , or if you want the problem to be resolved , you can always create a temp user for the help and past it here ...

Topic Closed

This topic has been closed to new replies.