Actions

J1.5

Replacing the logo image in the Milky Way template

From Joomla! Documentation

Revision as of 19:00, 29 April 2013 by Wilsonge (Talk | contribs)

Replacement filing cabinet.png
This Namespace has been archived - Please Do Not Edit or Create Pages in this namespace. Pages contain information for a Joomla! version which is no longer supported. It exists only as a historical reference, will not be improved and its content may be incomplete.

Contents

Replacing the logo image in the Milkyway template

Since all templates have their own structure of css-Files, this chunk is special to the Milkyway template. Have a look below or at category:templates for other templates.

Upload your logo image

The new logo image should have the same size as the original joomla image. (You can get the image size by checking the image property from the browser page info menu item. this hint is applicable if, you are using firefox)

  1. login into administration area
  2. choose Media from the Site menu
  3. upload your image into the opening main directory for images
  4. the file name will be renamed to non capital letters
  5. Memorize the exact spelling of your logo file name on the server!

  1. login into administration area
  2. choose Templates from the Extensions menu within the top menu bar
  3. click rhuk_milkyway for editing the Milkyway template (it should have been marked with a star)
  4. click edit CSS within the top icon bar
  5. mark template.css and click edit (again in the top area)
  6. Now you should act careful and avoid unintended changes:
    1. search for line div#logo {
    2. change the defined url for background
      replace line
      background: url(../images/mw_joomla_logo.png) no-repeat;
      by a line like this
      background: url(../../../images/your_logo.png) no-repeat;
    3. ATTENTION:
      mind the different numbers of directory levels, each marked by ../
      remember the exact file name of your logo

See also

Replacing the logo image in the Purity template


This chunk should cover the process for the benefit of someone without prior experience of Joomla! or PHP, HTML, CSS. It should suggest a suitable tool to use to create a new image and should show a step-by-step procedure, with annotated screenshots, of a new image being created using an open source image editor such as The Gimp. It should then show, again with annotated screenshots, the process of uploading the new image to the correct location within Joomla!