Set up the logo

The Logo is actually a simple image element. In Joomla we are using a Custom HTML module, in WordPress a Text widget published on the themes logo position for it to display.

For Joomla

Go to Extensions » Modules Manager. Click on New. Select a Custom HTML module.

Select template position

On the following edit screen, you select the logo module position.

Custom Output

And fill the Custom Output field. This is demonstrated to the right. After publishing the module, the logo will display in the template.

For example use following code:

<img src="images/logo.png" width="200" height="50" alt="logo" />

For WordPress

Custom Output

Go to Appearance » Widgets and drag & drop a Text widget to the logo position. Edit the newly added widget and fill the fields. This is demonstrated to the right.

For example use following code:

<img src="wp-content/uploads/logo.png" width="200" height="50" alt="logo" />
If the logo image is not visible on all pages, you can add a leading / before the image path, eg: /wp-content/uploads/logo.png

Favicon

The Favicon is located in your theme directory.

  • Joomla: /templates/yoo_nano/favicon.ico
  • WordPress: /wp-content/themes/yoo_nano/favicon.ico

To change the favicon, simply replace that file.

iPhone/iPod touch icon

The iPhone/iPod touch icon is located in your theme directory.

  • Joomla: /templates/yoo_nano/apple_touch_icon.png
  • WordPress: /wp-content/themes/yoo_nano/apple_touch_icon.png

To change the icon, simply replace that file.

Documentation on Github

Help us out! If you are feeling that our documentation has errors or can be improved, fork it at Github and send us a pull request. Any contribution is much appreciated. Thank you!