Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Add logo to header & Change menu WordPress

  • SOLVED

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!

Answers (2)

2010-08-08

West Coast Design Co. answers:

Hello Allie,

<strong>Add Logo</strong>

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

--

<strong>Fix Navigation</strong>

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

<strong>Presto!</strong>


Allie H comments:

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?


West Coast Design Co. comments:

Hi Allie,

Could have been my mistake … make sure the path says ‘ <strong>IMAGES</strong> ‘ … ive since updated the code, I checked the site … that’s whats wrong.

<img src="<?php bloginfo('template_directory'); ?>/images/logo.jpg "/>

Cheers!


West Coast Design Co. comments:

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.

<strong>Replace this;</strong>

<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>

<strong>with this;</strong>

<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?


West Coast Design Co. comments:

Sorry, you cant seem to edit your comments …

<strong>This would be the new image tag</strong>

<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>

2010-08-08

Arafat Rahman answers:

You may need to edit a segment of the theme. Also it can be fixable using the <strong>theme option</strong>. I guess, need the admin access to see what can be done.

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