$15
Add logo to header & Change menu

Hello, I am using the "modularity lite" theme in wordpress for my blog, http://blog.westpointsales.com/

There are 2 things I need to do...

1. Change the "West Point Lincoln Mercury Blog" into a logo (saved on wordpress http://blog.westpointsales.com/wp-content/uploads/2010/08/West-Point-Lincoln-logo.jpg)

2. Change the menu at the top right that says "categories, pages, subscribe and contact" to just list the pages on the blog (about, contact, etc.)

Thanks!

Allie H | 08/08/10 at 9:58pm | Edit

(2) Possible Answers Submitted...

Last edited:
08/09/10
7:59am
West Coast Design Co. says:
Hello Allie,

Add Logo

1. Open your favorite FTP application

2. browse /wp-content/themes/modularity-lite/

3. upload your logo to /images/

4. edit header.php

5. scroll to line 32 “<?php bloginfo('name'); ?> “

6. replace with “<img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg "/>”

7. save and upload

--

Fix Navigation

1. edit nav.php

2. replace ‘<div id="nav"><ul>bla bla bla</ul></div>“

with
```
<div id="nav">

<ul>

<li class="drop">

<li><a href="/">Home</a></li>

<?php wp_list_pages('orderby=name&depth=3&title_li='); ?>

</li>

</div>
```
3. save and upload

Presto!

Previous versions of this answer: 08/08/10 at 10:53pm | 08/08/10 at 10:54pm | 08/08/10 at 10:57pm | 08/08/10 at 10:59pm | 08/08/10 at 11:03pm
- 08/08/10 11:02pm
  
  Allie H says:
  nav solution worked, thanks.
  i tried again with the logo and it did not work. i renamed the image "logo.jpg" and uploaded it into filezilla where suggested. any idea whats not working?
- 08/08/10 11:06pm
  
  West Coast Design Co. says:
  Hi Allie,
  
  Could have been my mistake … make sure the path says ‘ IMAGES ‘ … ive since updated the code, I checked the site … that’s whats wrong.
```
<img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg "/>
```
  Cheers!
- 08/08/10 11:16pm
  
  West Coast Design Co. says:
  Allie,
  
  I realize this logo is much to large for this template, your going to have to both resize the logo and modify some CSS to make everything look tight.
  
  I would re-re replace my image tag with one that included dimensions and remove the blog info tag.
  
  Replace this;
```
<h4 class="left"><a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg" /></a> <span class="description"><?php bloginfo('description'); ?></span></h4>
```
  with this;
```
<a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg" width="168" height="70"/></a>
```
  Allie,
  
  Did you need help with the CSS?
- 08/08/10 11:19pm
  
  West Coast Design Co. says:
  Sorry, you cant seem to edit your comments …
  
  This would be the new image tag
```
<h4 class="left"><<a href="<?php echo get_settings('home'); ?>/" title="Home" class="logo"><img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg" width="168" height="70"/></a></h4>
```
Last edited:
08/08/10
10:53pm
Arafat Rahman says:
You may need to edit a segment of the theme. Also it can be fixable using the theme option. I guess, need the admin access to see what can be done.

I can help you on this issue. PM me please.

Previous versions of this answer: 08/08/10 at 10:53pm | 08/08/10 at 10:53pm