Sidebar

startup_tutorial_and_checklist:design_configuration:specific_html_elements_pre_v73:change_logo

Logo Change in Default Design

How do you change the "your logo here" image? The "your logo here" image is jpg image within your custom template set. For some of you this may be unbearably over simplified while others this may seem like rocket science. We can tell which before hand so simply scan through for the basics if over simplified and follow exactly if not. You can change that logo image to your own in two basic ways:

1) Upload Your Logo Image of the Same Name and Type Over the Default Logo Image

With this method you create an image on your local computer of the same name and type as the file image on your server. You then overwrite that logo file on your site with the logo image you created. The default logo image is a jpg image named logo.jpg. The image you create must be a jpg and have the same exact name. When we say exact same filename we mean that. You can't use "Logo.jpg" or "logo.gif" or "LOGO.JPG" or "logo.jpeg". We mean a jpg type file of that name. If your image can't be the same type and name you should go to method two below. The default image size is 275 pixels wide by 50 pixels high so unless you want to make some possible design changes to fit your logo into the design you at least close to those image dimensions. Once you have your image you'll upload it to your site. The directory you'll be uploading to is the following in your custom template set:

/external/images/

Within that directory you'll find the current logo.jpg file. See the getting files into your design section of the support wiki on how to upload a file to your template set.

2) Upload Any File You Want To Use and Change the HTML to Use that Image

With this method you create an image of whatever file type and name, upload it and change the html of the default design to use your logo image. The default image size is 275 pixels wide by 50 pixels high so unless you want to make some possible design changes to fit your logo into the design you at least close to those image dimensions. Once you have your image you'll upload it to your site. To keep things organized we still suggest you put your custom image in the same location as the default logo.jpg image is. That's within the following directory of your custom template set:

/external/images/

See getting files into your design section of the support wiki on how to do that.

But since you are using a different file name and type your not done. You'll need to change the html to use your file instead of the logo.jpg image currently in use. To do that you'll need to edit the following file in your custom template set using the DESIGN > MANAGER admin tool:

/main_page/header.tpl

And look for the following line:

<img src="{external file='images/logo.jpg'}" alt="Website Name" title="Website Name" />

If you put your logo into the same directory as the one mentioned above the only part of the above line you need to change is the logo.jpg part. You would change that to the filename you uploaded and save your changes.

See the uploading files to your template set support wiki article on how to get that file to your template set.

Also note keeping that image in the same directory makes your template set more portable. If you decide to move your design from installation to installation or just back it up you can export your template set within the admin tool and that file would be included in the exported zip file.

startup_tutorial_and_checklist/design_configuration/specific_html_elements_pre_v73/change_logo.txt · Last modified: 2014/09/25 16:55 (external edit)