Changing Your Store Logo *(Css version only)

Posted At : July 9, 2009 9:00 AM | Posted By : Paul Giesenhagen
Related Categories: SiteDirector

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.