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.

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

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

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" />

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.