How to use the Settings tab

The SETTINGS tab from the template's settings controls the general settings of the template, the ones that let you customize the main elements of the website.

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) Color Styles

FavThemes tutorial for the settings tab color styles

Choose between the 10 preset styles to customize the colors and appearance of the template or create your own.

2) Maximum Width

FavThemes tutorial for the settings tab maximum width

Set the maximum width of the template in pixels, percent or em. A blank field reverts the setting to the default value.

3) Copyright Info

FavThemes tutorial for the settings tab copyright info

Choose if the copyright text should be displayed or not, insert the text for the copyright field and the link for the copyright field.

4) Header

FavThemes tutorial for the settings tab header style

Choose the header style and if the header should be fixed or not. For a fixed header, choose the height of the header for desktop and tablet.

5) Main Navigation

FavThemes tutorial for the settings tab main navigation style

Choose the main navigation style, padding, font size, text transform, icons style, icons color and icons font size.

6) Vertical Menus

FavThemes tutorial for the settings tab vertical menus style

Choose the text transform for the basic, arrow, side and line vertical menus.

7) Horizontal Menus

FavThemes tutorial for the settings tab horizontal menus style

Choose the color, Google Font family, Google Font weight, Google Font style and text transform for the horizontal menus.

8) Fonts

FavThemes tutorial for the settings tab fonts

Choose the Google Font, font weight and font style for the primary and secondary fonts, main navigation, titles and buttons.

9) Titles

FavThemes tutorial for the settings tab titles style

Choose font size, line-height, text align and text transform for the titles of the template. For the titles of the modules, choose the font size, padding and border radius for the title icons.

10) Subtitles

FavThemes tutorial for the settings tab titles style

Choose the color, padding, font size, line height, text align and text transform for the subtitles of the modules.

11) Buttons

FavThemes tutorial for the settings tab buttons style

Choose the padding and text transform for the button element.

12) Component

FavThemes tutorial for the settings tab component

Choose the style color and the background color for the component. The component is where content elements such Joomla! articles or Hikashop products are published.

13) Products

FavThemes tutorial for the settings tab products style

Choose the padding for the product image to customize the products and make sure your images are looking great no matter what style, shape or dimensions they have.

14) Error Page

FavThemes tutorial for the settings tab error page

Insert the ID of the article used for the custom 404 error page. A blank field reverts the setting to the default value.

15) Offline Page

FavThemes tutorial for the settings tab offline page

Upload the background image for the site when in offline mode and choose the style for the background image for the site when in offline mode.

16) Back to Top

FavThemes tutorial for the settings tab back to top button

Choose if the button arrow for the back to top link should be displayed or not and the style color for the back to top link.

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.