The LAYOUT tab from the template's settings was designed to customize the 4 logo types supported by our templates: default, uploaded, text and retina logo.

This tutorial covers the general settings for our templates. For the settings available for a specific template, please see the DOCS page from the demo of that template.

1) Default logo

FavThemes tutorial for the logo tab default

The default logo is the logo that comes by default with the template and can be changed from the files and folders of the template inside the Template Manager. To customize the default logo, choose if it should be displayed or not, the logo image, the logo image alt tag, the padding and the margin.

2) Uploaded logo

FavThemes tutorial for the logo tab uploaded

The uploaded logo type is designed to let you upload any image for your logo without editing the template's files or using FTP. To customize the uploaded logo, choose if it should be displayed or not, upload the the logo image or set the logo image alt tag, the padding and the margin.

3) Text logo

FavThemes tutorial for the logo tab text

The text logo type is designed to be used instead of the logo image and can be styled with Google Fonts. To customize the text logo, choose if it should be displayed or not, the logo text, the color, the font size, the Google Font family, the Google Font weight, the Google Font style, the line height, the padding and the margin.

4) Slogan

FavThemes tutorial for the logo tab slogan

The slogan is designed to be used with the default, uploaded, retina or text logo types. To customize the slogan, choose if it should be displayed or not, the slogan text, the color, the font size, the line height, the padding and the margin.

5) Retina logo

FavThemes tutorial for the logo tab retina

The retina logo is designed to be used as the logo image for devices with Retina Display and only for those devices, being a Retina version of the normal logo (either default, uploaded or text logo types). Both the normal logo and the Retina logo can be used at the same time, the normal logo will be visible on the normal display, while the Retina logo will be visible only on the Retina Display. To customize the Retina logo, choose if it should be displayed or not, the logo image, the height, the width, the image alt tag, the padding and the margin.

The Joomla! name is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries. FavThemes is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.