WordPress.org

1. frond
   Member
   Posted 2 years ago #

   Hi everyone,

   trying to get my site up and running. Its here - http://JustFr0nd.com

   my questions are :

   1) making my logo clickable and linking it to the home page - I've read and tried a variety of "how to"s but still haven't been successful. :( so I'm either really bad at doing this or I'm reading the wrong stuff.

   2) on my navigation bar, if you click "Home", you get sent to "http://justfr0nd.com/justfr0nd" which isn't a valid page. *sigh* been trying to figure out where the linkage went wrong and again have come up against a wall

   so pretty please could someone help me out with this?

   thanks so much!

2. 11worth
   Member
   Posted 2 years ago #

   Hi,

   In response to your questions, consider the following:

   1. Your header logo image is a background image. There's nothing to link to, since the header area is otherwise devoid of text, and you can't make a link from a background. An easy solution is to not use the image for a background, but rather use the image itself and then create an image link.

   In your header.php, place the following code between <div id="header"> and </div>:

   <a href="http://justfr0nd.com/"><img style="float: left;" src="/wp-content/themes/greenbug/images/your_image.jpg" height="your image height in px" width="your image width in px" title="Your Link Title" alt="Your Image Title" border="0" /></a>

   The above puts your image on the left side, and creates a link that goes to your home page if someone clicks on it.

   2. What do you have set up as your Front Page in Admin > Settings > Reading Settings? That page should be the same as the Home page that you have listed in Admin > Pages > Edit Pages. Also make sure the Home page URL is correct, and that the menu page order is correct.

   Hope this helps....

3. 11worth
   Member
   Posted 2 years ago #

   Regarding the image link...I forgot to add that you need to go into your style.css, find the following code, and comment out the reference to the background image as I'v done below:

   #header .logo
   
   {
   	/*background: url(images/frondtaggedbgrn300.gif) no-repeat;*/
   	vertical-align: middle;
   	padding-left: 2000px;
   	padding-top: 20px;
   	font-size: 0px;
   	height: 180px;
   }

   Also, save copies of your header.php and your style.css in the event you need to return to the way it was before.

Topic Closed

This topic has been closed to new replies.