Logo Problems

[blazingriver]

When i uploaded my logo for my shop by going into admin and into the window where you can upload your logo when i went to the customers view the logo enlarged and it wasnt even my logo it was the oscommerce logo! :'( I have a backup so i can restore it by that and do it again but could you tell me if what i did wrong by uploading it by admin, if so how should i upload it, what the file name should be etc. (it was a png). :o

 

See for your self at www.buyncollect.com. Please explain as simply as possible as i am a newbie.

 

Thanks! :rolleyes:

[blackwater]

Your new logo is visible but is too large. If you didnt't make any other modification to the code, then image should be produced with the same dimentions as the Osc logo. In addition, the height and width parameters of the image tag should be set to the actual image size.

 

<div id="storeLogo"><a href="http://buyncollect.com/index.php?osCsid=648e8817e7e918a80f8e5c0f0e140036"><img src="images/store_logo.png" alt="Buy n' Collect" title=" Buy n' Collect " width="2613" height="286" /></a></div>

[Guest]

Rohan,

 

 

You logo image cannot exceed 512 x 60px. If you want it larger you will have to edit the header.php to accommodate it.

 

 

 

 

Chris

[blazingriver]

Rohan,

 

 

You logo image cannot exceed 512 x 60px. If you want it larger you will have to edit the header.php to accommodate it.

 

 

 

 

Chris

 

Ok

 

Im using photoshop cs5 and i don't now how to resize the image. I don't suppose you know how to?

[germ]

Like Chris said, you can use whatever size logo you want.

 

The two things you might need to change are this:

 

If the logo is too wide it pushes the buttons in the header down and they might not work.

 

To fix that, in /catalog/includes/header.php find this code:

 

<div id="storeLogo">

Change it to:

 

<div id="storeLogo" style="position:absolute;z-index:0;">

With that code the buttons stay in the header and still work.

 

If the logo is too tall it extends into the content area.

 

To fix that adjust this area of the stylesheet:

 

#header {
 height: 60px;
}

Change the height to whatever fits your logo.

 

Sometimes after changing the stylesheet in order to see any change you have to hold the <Ctrl> key down while doing a page refresh in the browser to force the browser to reload all contents from the server, including the newly changed stylesheet.

 

HTH

:)

[blazingriver]

Thank You everyone for you quick replies. I found out the oscommerce logo was displayed since i did not empty my cache. I have resized my logo and it works perfectly. :D

[tjfarness]

I have a similar situation with my site (www.politicalbuttonshop.com) ... but I would like to keep logo centered as the page shows and then the buttons below to the right (above the "Top-Catalog" blue bar). I'm stumped on how to accomplish this.

 

Thanks,

 

Tim

[blazingriver]

Edit the header.php like everyone said

[germ]

You put the logo in a <div align="center">

 

Put the buttons in a <div align="right">

 

And just an FYI - The buttons aren't displaying correctly (just as text not images) because of javscript errors.

 

I compared your javascript includes with my test site and one was missing and they're in a different order.