WordPress.org

1. kade82
   Member
   Posted 1 year ago #
   

   Hi,

   I'm building my first web site using WordPress. So far, it's been a great experience. However, after telling my header not to display the title, my custom header image did several things:

   1. It no longer displays the full 940x198 custom header image.

   2. It displays more white space to the right of the custom header image.

   3. The navigation/menu bar rests on top of the custom header image.

   4. There are two blog titles in smaller letters showing on top of the custom header image.

   The site is at http://www.heelnsolefootspa.com

   Any and all help (detailed preferably; I'm a newbie) is appreciated.

   Thanks!

   Kevin

2. alchymyth
   The Sweeper & Moderator
   Posted 1 year ago #
   

   1.
   the image that is entered twice in the header, does not exist in the referenced location:
   http://heelnsolefootspa.com/wp-content/themes/twentyten/images/HeelNSole.jpg

   2.
   the background image is only 940px wide for a 960px space.

   3.
   possibly caused by the missing header images.

   4.
   these are the alt texts of the two missing images.

3. kade82
   Member
   Posted 1 year ago #
   

   Okay, I must still be missing something. I have my header image linked to the referenced location, figured out how to change to a 940px size since that is the width my theme allows, and got rid of the alt texts in the code, but I'm still having trouble getting the full header image to appear, and the nav bar to display correctly.

   Any other ideas?

   Thanks!

   Kevin

4. alchymyth
   The Sweeper & Moderator
   Posted 1 year ago #
   

   this is what the browser gets:
   <img class="logo" src="http://heelnsolefootspa.com/wp-content/themes/twentytenheelnsolefootspa.com/wp-content/uploads/2011/09/cropped-Heel-N-Sole-Header.jpg">

   edit header.php, change the image code from:

   <img class="logo" src="<?php bloginfo(...); ?>/heelnsolefootspa.com/wp-content/uploads/2011/09/cropped-Heel-N-Sole-Header.jpg">

   to:

   <img class="logo" src="http://heelnsolefootspa.com/wp-content/uploads/2011/09/cropped-Heel-N-Sole-Header.jpg">

   then edit style.css, find this style:
   

   .logo {
       float:left;
       margin:50px  0 0 400px;
       border:none;
   }

   change to:
   

   .logo {
       float:left;
       margin:0px  0 0 -20px;
       border:none;
   }

   (only checked in firefox, not cross-browser tested)

5. kade82
   Member
   Posted 1 year ago #
   

   Thank you, and God bless you for your help!

   Thanks!

   Kevin

Topic Closed

This topic has been closed to new replies.