Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free check our knowledgebase or submit a ticket on our support desk. Thanks so much!
You can install the theme in two ways: through WordPress, or via FTP. The Fontana.zip file is the Installable WordPress Theme and what you need to use to get the theme installed. Please see the following sections for each method. But first, you need to download the Fontana files from your Themeforest account. Navigate to your downloads tab on Themeforest and find Fontana. Click the download button to see the two options. The Main Files and the Installable WordPress Theme. See below.
Navigate to Appearance > Themes.
Click Install Themes and hit the upload button.
Navigate to find the “Fontana.zip” file on your computer and click “Install Now”
Wait while the theme is uploaded and installed.
Activate the newly installed theme. Go to Appearance > Themes and activate it.
Log into your hosting space via an FTP software
Unzip the Fontana.zip file and ONLY use the extracted
Navigate to find the “Fontana.zip” file on your computer and click “Install Now”
Activate the newly installed theme. Go to Appearance -> Themes and activate it.
One of the most frequently asked questions "how i can make my webpage as on demo?". The solution is simple - just import the Dummy Content! Dummy content provides you the same pages, settings and arrangement as you can see in our demo version of site. To install the demo content follow the next steps:
Log into your site as an administrator
Make sure you activated your theme before proceeding.
Go to Tools → Import
Upload the demo content .xml using the form provided on that page.
You will be asked to map the authors in this export file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
You will then have the choice to import attachments, so click on the “Download and import file attachments” box.
Please be patient while WordPress imports all the content. Posts, Pages, Projects, and Menus are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress’ import system.
Firstly you have to check what is missing from your dummy content, in most of cases when you take a look at your page after import you see nothing. It's because of the category selection. You have to enter each page and change categoryes from uncategorized to other existing ones. It's because of the Category id, if you preventive had any category, the current category id's will not match. The same thing can happen with images from carousel. Also you should not forget to set the imported menu as "Primary Menu" and set up the homepage.
Go to Appearence => Menus, take a look at the menu, if import did his job not quite good, arrange the menu elements as on the Demo. After what scroll down till end and set current menu as "Primary Menu" (see below).
Go to Settings => Reading and set your front page one of existing, or build your own one.
You need to manually download the new theme package from your Themeforest account. Once you have the new theme package, you can choose to upload the theme via WordPress or via FTP. Please see the information below for how to download new files, and install it via WP or via fTP.
Log into your Themeforest account and navigate to your downloads tab. Find the “Fontana” theme purchase.
Click the “download” button next to it and choose to download the “Installable WordPress Theme” which is just the WordPress file, or choose the “Main Files” which is the entire package that contains everything.
hen you need to decide if you want to install the update via FTP or via WordPress. Directions for both methods are below.
You need to deactivate the current “Fontana” theme in the “appearance > themes” section by simply activating a different theme. Once you activate a different theme, you can delete the Fontana theme. Dont worry, your content will not be lost.
Retrieve the “Fontana.zip” file from your new Themeforest download. If you downloaded the “Main Files” from Themeforest, then you need to unzip the archive file you received, the Fontana.zip will be inside of it
Then simply upload the “Fontana.zip” file in the “appearance > themes” section. Click on the “Install Themes” tab at the top and choose to upload the zip file.
Once it uploads, choose to activate the theme..
Lastly, update the included plugins. You will see a notification message letting you know the plugins have a new version and need to be updated. Follow the on screen steps.
Go to “wp-content > themes” location and backup your “Fontana” theme folder by saving it to your computer, or you can choose to simply delete it. Your content will not be lost.
Retrieve the “Fontana.zip” file from your new Themeforest download and extract the file to get the “Fontana” theme folder.
Then simply drag and drop the new “Fontana” theme folder into “wp-content > themes” location. Choose to “Replace” the current one if you did not delete it.
Lastly, update the included plugins. You will see a notification message letting you know the plugins have a new version and need to be updated. Follow the on screen steps..
This option can add to your website a fancy preloader that will wait till all the page will be loaded. You can use it only for homepage, or for the entire website.
This option enables/disables the featured image inside a post. If you don't want to show the featured image inside single post pages, you can disable them from here. Note that this will also disable galleries/videos/audio if disabled.
This option enables/disables the
This option is also recommended as it will show a date in a more human friendly format (ex: 3 days ago). You can disable this option as well. Note that this option might not apply to absolutely all dates on the website as there are designed parts that are better to remain as designed.
You can configure what comment system you will use. The default WordPress comments or Facebook comments. If you need Disqus comments, you will need the plugin.
In this tab you can disable/enable the wordpress top admin bar.
This options gives you possibility to enable or disable the sticky menu, also you can change here the sticky menu background and text colors. Sticky menu is the menu that appears whenever you scroll lower than top menu.
Here you can add your google analytics tracking code, or any other script you need.
Here you enter the maximum characters showed in excerpt for your grid articles.
Here you enter the maximum characters showed in excerpt for your list view
Here you enter the maximum characters showed in excerpt for your big posts view.
You can either enable or disable the boxed layout. This will make some options inside the layout builder row options not work as expected. Your row expand option will not work, and you background will not show for the whole width of the website.
This option gives posibility to edit you background, you can add a image, change color, or disable it (use the default color from our demo)
In this tab you can find the options to change your custom favicon. A favicon is the icon that appears before you website address in the browser.
These options applies in views and on single post page. If you wish to not have the dots layer above the image - you can enable/disable them from here.
With this function you can disable/enable the social sharing on article-image hover.
In this tab you can change your logo with a image or simple text. If you choose image logo, an uploader will appear. Browse and select your custom logo. If you wish to have a text logo, there are typography options for it. Just select text logo and choose the font you like. Fonts are included from Google fonts library. Note: Using the retina option will result in shrinking your logo width in half.
This is the color options area. You can set the main colors of your website like the default colors of the menu, the main text and background color, view colors, main and secondary colors.
This options gives you posibility to change the whole webpage text color.
In this tab you can changes
With this function you can change background color of all the posts (grid/list/bigpost/superpost views)
Here you can change the color of links on your webpage
This option gives you posibility to change the link colors on hover.
In this tab you can select your links color in articles (grid/list/bigpost)
Here you can select article titles colors on hover.
In this tab you can select the text color of your tags.
Primary color is the main color of the website, It is used for backgrounds, borders of elements, etc. This defines your main brand/website color.
Secondary color of the website is used for backgrounds, borders of elements, etc. This defines your secondary or contrast brand website color.
You can select your color for the text that has a primary color background
This is used for menus that have background colors. Not all menu styles can have backgrounds. Even so, this option will apply for submenu backgrounds as well, even for those that do not have a background by default.
The same option as "12", only for the hover state
You can select here your menu and submenu text colors.
The colors of the text in the menus and submenus on hover
In this tab you can choose the dimensions for the images that are used on your website. Caution - these are not the sizes that will be shown on the website as the website is adaptive, but it is the size of the images that will be used. We strongly recommend to use given settings and not to fiddle with any as long as you are not sure what you are doing.
In this section you can change settings for pages, to enable/disable page meta and social sharing.
If you need to add your custom CSS, we recommend to add it in this section. These will overwrite theme default styles. Please, check twice before adding something here because we are not responsible for your actions.
This is an encoded data for your website. Be very careful with this. Changing data here will result in corrupting website settings data and this will make your site not to run properly. Unless you are sure you copy the entire data from our export do not press the save settings button.
This theme includes a very powerful layout builder. You can edit/delete/move your elements how you like via drag-and-drop. Our builder containes a lot of elements and options. Below, it's a description of the most common and general settings and options.
First of all, the layout builder schematics: its built on 12 columns layout. All your content can have 2-12/12 columns.
There are rows, columns and elements.
Rows - horizontal container blocks. They contain the columns. Rows have options, are draggable (sortable) between them. You can add as many as you can.
Every row has the following options:
These settings are individual on each row.
Please, be carefull when applying these effects. All of them are CSS3 so you'll need a browser that understands CSS3 and HTML5. Plus, if used in excess - they will make your website feel slower as all these animations use a good amount of computer resources. We recommend to use 2-3 per page. Also, it's strongly recommended that you don't use row effects where you already have set effects on elements inside that speficic row.
Columns - containers for elements. Their role is to divide your content. You can either add or remove column width with the columns' control buttons.
This function gives you posibility to add anywhere in your layout builder the logo you have set in Fontana => Styles => Logo type. Number 6 in the image below
( - Click here to see the detailed description)
is a place where you can add your recent projects, events or any other kind of activity you did. This is a kind of presentation of your skills, and your experience. If you don't have a pretty portfolio with needed information and argues - you can lose a big part of people that could offer you work. This is an important piece of page so you should pay attention how you set it up!
See a little guide in the screen bellow
This theme offers 5 view types with tons of options.
shows only images with a hover efect. You have an example below:
Thumbnail view is best for showcase of portfolio. You can choose to have either 1/2/3/4/6 items per row.
shows images with a hover efect, the title, meta data of the post. You have an example below:
The second shows the hover effect of the grid view image. You can choose to have either 1/2/3/4/6 items per row.
shows posts listed one above the other. This view an have only 1 item per row. You can choose to show/hide meta, how many posts to extract, and how to split the content. You can split it 3 ways: 1/3, 1/2, 3/4. This shows how much space will the first part of content have. You have an example below:
shows posts listed one above the other just like list view. Many name it the blog view style. This view an have only 1 item per row. You can choose to show/hide meta, how many posts to extract, and how to split the content. You can split it 3 ways: 1/3, 1/2, 3/4. This shows how much space will the image part of content have. Also, you have the option to show related posts if needed. You have an example below:
shows posts with max 2 per line. You can choose how many posts to extract. You have an example below:
are shown by category. First of all, you add them as a custom post. Do not forget to add each team to a certain category. In the layout builder you list all team members by category. Also, you have the team members per row options and how many of them to show at all.
you can see below a demo of how your team members field will look
Also you can see below an example of team members form
Creates an empty block with 0 height and width equal to the container's columns size.
are used to give name to your content blocks/elements. There are 5 styles of titles available. There is also a posibility that we'll add more later. Choose the style you want. Also, you can choose the size of the title. You have option to use H1-H5. A title description (subtitle) is also available. If left blank, it not show anything.
And lower you can see a little demo:
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. Please, use the support desk to ask for assistance because you'll get a quicker response. Don't forget to check the knowledgebase first!