Changing Your Store Logo *(Css version only)

2009 July 09
tags: SiteDirector
by Paul Giesenhagen
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.
1 Response leave one →
  1. Vito
    Vito PERMALINK
    May 18, 2010 at 8:28 PM

    How do you make the "default" image size larger (in height) without experiencing the image "clipping" that occurs?

Leave a Reply

Leave this field empty: