Changing Your Store Logo *(Css version only)
2009 July 09
We've had this question a number of times, "How do I change the default "Demo Store header image to my logo". It is a pretty straightforward process and here is what you need to do.
Open up the /scripts/default.css file.
Look around line 37 for the following code:
#header h1 a{
width:293px;
height:57px;
background:url(../media/store-header.gif);
display:block;
text-indent:-9999px;
}
You'll see the background:url(../media/store-header.gif); line. The "store-header.gif" is the image that is currently by default being loaded.
You can create a new graphic and save it as store-header.gif in the /media/ directory and it will replace what is currently there. You can also give it a completely new name and save it whereever you wish, but make sure to adjust the #header code above to point to the new location and new image name.
Note, by default, the store-header.gif is a 293 x 57 pixel image.
Not a huge ordeal, but should help a few of you along the way.
How do you make the "default" image size larger (in height) without experiencing the image "clipping" that occurs?