The template's settings are designed to help you customize the template for your project as quickly as possible. Find the template you downloaded from FavThemes in the STYLES tab of the Template Manager and access it. The template's settings look like this:

FavThemes tutorial for the template settings

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) Details

This tab is the presentation tab for the template and has a short description of the template, with links to the demo and documentation and a preview image.

2) Settings

This tab controls the general settings of the template, the ones that let you customize the main elements such as the color styles, the max width, the copyright info, the header, the main navigation, the component, the titles, the subtitles, the modules, the buttons, the products, the vertical menus, the horizontal menus, the back to top link, the error page and the offline page.

3) Layout

The layout tab targets the main layout elements such as body and module positions blocks: notice, topbar, slide, intro, lead, promo, prime, showcase, feature, focus, portfolio, screen, top, maintop, mainbottom, bottom, note, base, block, user and footer. Each one can be customized with background images and colors for the layout elements such as titles, text or links.

4) Logo

This tab was created to customize the 4 logo types supported by our templates: default, uploaded, text and retina logo. Each of them can be further customized with additional features such as slogan text, image alt, padding, margin or Google Fonts.

5) Mobile

Being a responsive product, the mobile behaviour of the template is a key element of the customization process. The tab for the mobile behaviour controls the style of the main navigation for mobile, the mobile submenu items, the mobile menu text, the mobile images and the mobile font size for an improved reading experience on mobile devices.

6) Analytics

Insert the Google Analytics tracking code inside this tab. Since SEO is an important element of any website, we've created this settings tab to make the Google Analytics setup for your website as easy as possible without any code changes that require editing the template files.

The GOOGLE ANALITYCS tab from the template's settings was designed to provide an easy way to insert the tracking code. Since SEO is an important element of any website, we've created this tab to make the Google Analytics setup for your website as easy as possible without any code changes that require editing the template's files.

FavThemes tutorial for the Google Analytics tracking code

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.

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 MOBILE tab from the template's settings behaviour controls the style of the main navigation for mobile, the mobile images and the mobile font size for an improved reading experience on mobile devices. Being a responsive product, the mobile behaviour of the template is a key element of the customization process.

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) Mobile Navigation

FavThemes tutorial for the mobile tab navigation

Choose the light or dark version for the mobile navigation and if mobile menu button text should be displayed or not. If the mobile menu button text is displayed, insert the text you want displayed next to the mobile menu button.

2) Mobile Font Size

FavThemes tutorial for the mobile tab font size

For an improved reading experience on mobile devices, choose the font size and line height for the paragraph text and the font size for the titles.

The LAYOUT tab from the template's settings controls the main layout elements such as body and module positions blocks which can be customized with background images and colors.

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) Body

FavThemes tutorial for the layout tab body element

The body element serves as a container for the entire content of the website. Use it to change the design of the entire template, not just a section of the template like the module position blocks. To customize the body element, choose a background image, a background image style, a background image overlay, a background color, text color, title color, link color and link hover color.

2) Notice

FavThemes tutorial for the layout tab notice element

The notice element is designed for banners, promotions and advertisement space. To customize the notice element, choose a background style, a background color, text color, title color, link color and link hover color.

3) Slide

FavThemes tutorial for the layout tab slide element

The slide element is designed for publishing the slideshow module and the slide images. The most important slide parameter is setting up the maximum width of this module position up to full width (100%). To customize the slide element, choose a background image, a background image style, a background image overlay, a background color, text color, title color, link color and link hover color.

4) Module Position Blocks

FavThemes tutorial for the layout tab module position blocks

The module positions blocks are sections of the template and each one can be customized. If the notice, copyright and slide are special module position blocks with very custom functions, the rest of the module positions can be used for any type of content. Each of these module positions (topbar, intro, lead, promo, prime, showcase, feature, focus, portfolio, screen, top, maintop, mainbottom, bottom, note, base, block, user and footer) have the same set of parameters.

To customize the module positions blocks, choose for each of them a background style, a background image, a background image style, a background image overlay, a background color, text color, title color, link color and link hover color.

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.